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:
duanshuwen
2026-07-24 16:48:07 +08:00
parent 79b101978a
commit cb7054cd90
47 changed files with 103 additions and 132 deletions

View File

@@ -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>