zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: migrate legacy color classes to inline tailwind text utilities

Browse Source 
Replace all usages of legacy `.color-*` and `.text-color-*` SCSS utility classes with inline Tailwind `text-[#hexcode]` arbitrary value classes. Remove the deprecated `src/static/scss/colors.scss` file, and fix minor formatting/indentation issues across multiple component files.
This commit is contained in:
duanshuwen
2026-07-24 21:38:17 +08:00
parent 01fdf80a72
commit 5f06d8ef11
67 changed files with 282 additions and 505 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/ChatModule/MapNavigationCard/index.vue
View File

@@ -2,7 +2,7 @@
<view class="map-navigation-card bg-white rounded-24 overflow-hidden w-full">
<view class="map-navigation-card__media">
<image class="map-navigation-card__image block w-full" :src="data.image" mode="aspectFill" />
<view class="map-navigation-card__badge flex flex-items-center color-white font-size-12 font-900">
<view class="map-navigation-card__badge flex flex-items-center text-white font-size-12 font-900">
<text class="map-navigation-card__badge-icon">{{ badge.icon }}</text>
<text>{{ badge.text }}</text>
</view>
@@ -10,15 +10,15 @@
<view class="map-navigation-card__content flex flex-items-center">
<view class="map-navigation-card__info flex-full">
<view class="map-navigation-card__title color-1E293B font-size-18 font-900 ellipsis-1">
<view class="map-navigation-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
{{ data.title }}
</view>
<view class="map-navigation-card__distance color-94A3B8 font-size-14 font-900 ellipsis-1">
<view class="map-navigation-card__distance text-[#94a3b8] font-size-14 font-900 ellipsis-1">
{{ data.distance }}
</view>
</view>
<view
class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] color-white font-size-18 font-900"
class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-900"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<text class="map-navigation-card__button-icon">{{ action.icon }}</text>
<text>{{ action.text }}</text>