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

refactor: remove font-size utility file and replace with inline text classes

Browse Source 
Delete the src/static/scss/font-size.scss utility file, and replace all legacy `font-size-*` class usages across the codebase with inline `text-[numberpx]` styling to consolidate font size definitions and remove redundant utility code.
This commit is contained in:
duanshuwen
2026-07-24 22:10:16 +08:00
parent 872a3fac18
commit 157b4f7e22
69 changed files with 255 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages-order/order/components/OrderCard/InfoRow.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="info-row flex items-center mt-[8px]">
<text class="label font-size-12 text-[#99a0ae]">{{ label }}：</text>
<text class="value flex-full font-size-12 text-[#99a0ae]">{{ value }}</text>
<text class="label text-[12px] text-[#99a0ae]">{{ label }}：</text>
<text class="value flex-full text-[12px] text-[#99a0ae]">{{ value }}</text>
</view>
</template>

4
src/pages-order/order/components/OrderCard/OrderCardContent.vue
View File

@@ -1,11 +1,11 @@
<template>
<view class="card-content pt-[12px]">
<view class="flex items-center justify-between">
<view class="left flex-full font-size-14 leading-[20px] text-[#171717] mr-[12px]">
<view class="left flex-full text-[14px] leading-[20px] text-[#171717] mr-[12px]">
{{ orderData.commodityName }}
</view>
<view :class="[
'right font-size-18 font-bold leading-[20px]',
'right text-[18px] font-bold leading-[20px]',
orderData.orderStatus === '0' ? 'text-[#ff3d60]' : 'text-[#525866]',
]">
{{ orderData.orderAmt }}

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

@@ -4,12 +4,12 @@
<view class="card-header flex items-center">
<view class="status-info flex items-center flex-full">
<image class="status-icon mr-[4px]" :src="getStatusIcon()" />
<view class="order-title font-size-14 leading-[20px] text-[#525866]">
<view class="order-title text-[14px] leading-[20px] text-[#525866]">
{{ getOrderTypeName() }}
</view>
</view>
<view v-if="orderData.status !== 'pending'" :class="[
'status-tag font-size-12',
'status-tag text-[12px]',
`tag-${orderData.orderStatus || orderData.workOrderStatus}`,
]">
{{ getStatusText(orderData.orderStatus || orderData.workOrderStatus) }}
@@ -21,7 +21,7 @@
<view v-if="orderData.orderStatus === '0'" class="text-right">
<button
class="go-pay border-none font-size-14 text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
class="go-pay border-none text-[14px] text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
@click.stop="handleCardClick">
去支付
</button>