refactor: replace border-box with box-border and clean up unused scss
Remove the unused box-sizing.scss stylesheet and its import from the main SCSS index file. Update all Vue component template class references from the custom border-box class to the native box-border utility class to eliminate redundant custom CSS and align with the project's utility class conventions.
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="card bg-white border-box p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
|
||||
<view class="card bg-white box-border 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 border-box flex-full pl-[12px]">
|
||||
<view class="right box-border flex-full pl-[12px]">
|
||||
<view class="font-size-16 line-height-24 color-171717 mb-4">
|
||||
{{ item.commodityName }}
|
||||
</view>
|
||||
@@ -19,7 +19,7 @@
|
||||
<text v-if="item.stockUnitLabel" class="font-size-12 line-height-16 color-99A0AE">
|
||||
/{{ item.stockUnitLabel }}
|
||||
</text>
|
||||
<text class="btn border-box rounded-10 color-white ml-16">订</text>
|
||||
<text class="btn box-border rounded-10 color-white ml-16">订</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user