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

refactor: migrate to tailwind arbitrary width classes

Browse Source 
remove the unused src/static/scss/width.scss file and its import from index.scss, replace all existing custom width utility class usages with the equivalent Tailwind arbitrary width syntax
This commit is contained in:
duanshuwen
2026-07-24 22:28:16 +08:00
parent 3d41691b65
commit 4af4255610
17 changed files with 22 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages-order/order/components/GoodsInfo/index.vue
View File

@@ -26,7 +26,7 @@
</view>
<view class="flex text-[12px]">
<text class="w-60 text-[#99a0ae]">购买数量</text>
<text class="w-[60px] text-[#99a0ae]">购买数量</text>
<text class="text-[#525866]">{{ commodityAmount }}</text>
</view>

6
src/pages-order/order/components/OrderInfo/index.vue
View File

@@ -1,15 +1,15 @@
<template>
<view class="bg-white rounded-[10px] p-[12px]">
<view class="flex mb-[8px] text-[12px]">
<text class="w-60 text-[#99a0ae]">订单编号</text>
<text class="w-[60px] text-[#99a0ae]">订单编号</text>
<text class="text-[#525866]">{{ orderData.orderId }}</text>
</view>
<view class="flex mb-[8px] text-[12px]">
<text class="w-60 text-[#99a0ae]">下单时间</text>
<text class="w-[60px] text-[#99a0ae]">下单时间</text>
<text class="text-[#525866]">{{ orderData.createTime }}</text>
</view>
<view class="flex text-[12px]">
<text class="w-60 text-[#99a0ae]">支付状态</text>
<text class="w-[60px] text-[#99a0ae]">支付状态</text>
<text :class="[
{
'text-[#ff3d60]': statusCode === '0' || statusCode === '3',

4
src/pages-order/order/components/UserInfo/index.vue
View File

@@ -2,12 +2,12 @@
<view class="bg-white rounded-[10px] p-[12px] mb-[12px]" v-if="hasConsumerData">
<view v-for="(item, index) in consumerList" :key="index">
<view class="flex mb-[8px] text-[12px]">
<text class="w-60 text-[#99a0ae]">住客姓名</text>
<text class="w-[60px] text-[#99a0ae]">住客姓名</text>
<text class="text-[#525866]">{{ item.visitorName }}</text>
</view>
</view>
<view class="flex text-[12px]">
<text class="w-60 text-[#99a0ae]">联系电话</text>
<text class="w-[60px] text-[#99a0ae]">联系电话</text>
<text class="text-[#525866]">{{ contactPhone }}</text>
</view>
</view>