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

12
src/pages-service/order/components/OrderCard/index.vue
View File

@@ -3,17 +3,17 @@
<!-- 卡片头部 -->
<view class="border-box flex flex-items-center pb-[12px]">
<image class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
<text class="font-size-14 color-525866 leading-[20px]">工单</text>
<text class="font-size-12 color-525866 leading-[20px] ml-auto">{{
<text class="font-size-14 text-[#525866] leading-[20px]">工单</text>
<text class="font-size-12 text-[#525866] leading-[20px] ml-auto">{{
isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
}}</text>
</view>
<!-- 卡片内容 -->
<view class="border-box card-content flex flex-items-center pb-[12px]">
<view class="border-box left flex-full pr-[20px]">
<view class="font-size-12 color-525866 leading-[20px] mb-4">所在位置：{{ orderData.roomNo }}</view>
<view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ orderData.userPhone }}</view>
<view class="font-size-12 color-525866 leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
<view class="font-size-12 text-[#525866] leading-[20px] mb-4">所在位置：{{ orderData.roomNo }}</view>
<view class="font-size-12 text-[#525866] leading-[20px] mb-4">联系方式: {{ orderData.userPhone }}</view>
<view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
</view>
<image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
@@ -33,7 +33,7 @@
orderData.workOrderStatus !== '2' &&
orderData.workOrderStatus !== '3'
" class="flex flex-items-center flex-justify-between">
<text class="cancel border rounded-6 font-size-12 leading-[16px] color-525866 ml-auto"
<text class="cancel border rounded-6 font-size-12 leading-[16px] text-[#525866] ml-auto"
@click="cancelCall">取消呼叫</text>
</view>
</view>