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

10
src/pages-quick/components/Card/index.vue
View File

@@ -2,10 +2,10 @@
<view class="card bg-white p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
<image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" />
<view class="right flex-full pl-[12px]">
<view class="font-size-16 leading-[24px] color-171717 mb-4">
<view class="font-size-16 leading-[24px] text-[#171717] mb-4">
{{ item.commodityName }}
</view>
<view v-if="item.commodityFacility" class="font-size-12 leading-[16px] color-99A0AE mb-4 ellipsis-1">
<view v-if="item.commodityFacility" class="font-size-12 leading-[16px] text-[#99a0ae] mb-4 ellipsis-1">
{{ item.commodityFacility.join(" ") }}
</view>
<view class="font-size-12 leading-[18px] color-43669A">
@@ -13,13 +13,13 @@
</view>
<view class="flex flex-items-center flex-justify-end">
<text class="amt font-size-18 font-500 font-family-misans-vf leading-[24px] color-FF3D60 mr-4">
<text class="amt font-size-18 font-500 font-family-misans-vf leading-[24px] text-[#ff3d60] mr-4">
{{ item.specificationPrice }}
</text>
<text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] color-99A0AE">
<text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] text-[#99a0ae]">
/{{ item.stockUnitLabel }}
</text>
<text class="btn rounded-10 color-white ml-16">订</text>
<text class="btn rounded-10 text-white ml-16">订</text>
</view>
</view>
</view>