refactor: remove font-size utility file and replace with inline text classes
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:
@@ -2,21 +2,21 @@
|
||||
<view class="card bg-white p-[8px] rounded-[12px] flex flex-items-start m-[12px]" @click.stop="handleClick(item)">
|
||||
<image class="left rounded-[10px]" :src="item.commodityPhoto" mode="aspectFill" />
|
||||
<view class="right flex-full pl-[12px]">
|
||||
<view class="font-size-16 leading-[24px] text-[#171717] mb-[4px]">
|
||||
<view class="text-[16px] leading-[24px] text-[#171717] mb-[4px]">
|
||||
{{ item.commodityName }}
|
||||
</view>
|
||||
<view v-if="item.commodityFacility" class="font-size-12 leading-[16px] text-[#99a0ae] mb-[4px] ellipsis-1">
|
||||
<view v-if="item.commodityFacility" class="text-[12px] leading-[16px] text-[#99a0ae] mb-[4px] ellipsis-1">
|
||||
{{ item.commodityFacility.join(" ") }}
|
||||
</view>
|
||||
<view class="font-size-12 leading-[18px] color-43669A">
|
||||
<view class="text-[12px] leading-[18px] color-43669A">
|
||||
{{ item.commodityTradeRuleList.join(" / ") }}
|
||||
</view>
|
||||
|
||||
<view class="flex flex-items-center flex-justify-end">
|
||||
<text class="amt font-size-18 font-[500] font-family-misans-vf leading-[24px] text-[#ff3d60] mr-[4px]">
|
||||
<text class="amt text-[18px] font-[500] font-family-misans-vf leading-[24px] text-[#ff3d60] mr-[4px]">
|
||||
{{ item.specificationPrice }}
|
||||
</text>
|
||||
<text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] text-[#99a0ae]">
|
||||
<text v-if="item.stockUnitLabel" class="text-[12px] leading-[16px] text-[#99a0ae]">
|
||||
/{{ item.stockUnitLabel }}
|
||||
</text>
|
||||
<text class="btn rounded-[10px] text-white ml-[16px]">订</text>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
</uni-icons>
|
||||
|
||||
<text :class="[
|
||||
'font-size-16 font-[500] text-[#525866] ',
|
||||
'text-[16px] font-[500] text-[#525866] ',
|
||||
activeIndex === index && 'tab-text-active',
|
||||
]">
|
||||
{{ item.iconTitle }}
|
||||
|
||||
@@ -10,20 +10,20 @@
|
||||
<view v-if="didSelectedTabItem && didSelectedTabItem.orderType == 0"
|
||||
class="bg-white flex flex-items-center p-[12px]">
|
||||
<view class="in flex flex-items-center">
|
||||
<text class="font-size-11 font-[500] text-[#99a0ae] mr-[4px]">入住</text>
|
||||
<text class="font-size-14 font-[500] text-[#171717]">
|
||||
<text class="text-[11px] font-[500] text-[#99a0ae] mr-[4px]">入住</text>
|
||||
<text class="text-[14px] font-[500] text-[#171717]">
|
||||
{{ selectedDate.startDate }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<!-- 几晚 -->
|
||||
<text class="nights bg-[#e5e8ee] font-size-11 font-[500] text-[#525866] rounded-[50px] ml-[8px] mr-[8px]">
|
||||
<text class="nights bg-[#e5e8ee] text-[11px] font-[500] text-[#525866] rounded-[50px] ml-[8px] mr-[8px]">
|
||||
{{ selectedDate.totalDays }}晚
|
||||
</text>
|
||||
|
||||
<view class="out flex flex-items-center">
|
||||
<text class="font-size-11 font-[500] text-[#99a0ae] mr-[4px]">离店</text>
|
||||
<text class="font-size-14 font-[500] text-[#171717]">
|
||||
<text class="text-[11px] font-[500] text-[#99a0ae] mr-[4px]">离店</text>
|
||||
<text class="text-[14px] font-[500] text-[#171717]">
|
||||
{{ selectedDate.endDate }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user