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,13 +1,13 @@
<template>
<uni-popup ref="popup" type="bottom" :safe-area="false">
<view class="popup-content border-box pt-[12px] pl-[12px] pr-[12px]">
<view class="popup-content box-border pt-[12px] pl-[12px] pr-[12px]">
<view class="header flex flex-items-center pb-[12px]">
<view class="title flex-full text-center font-size-17 color-000 font-500 ml-[24px]">更多服务</view>
<uni-icons type="close" size="24" color="#CACFD8" @click="close" />
</view>
<view class="list bg-white border-box pl-[20px] pr-[20px]">
<view class="item border-box border-bottom pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
<view class="list bg-white box-border pl-[20px] pr-[20px]">
<view class="item box-border border-bottom pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
<view class="flex flex-items-center flex-justify-center">
<image v-if="item.icon" class="left" :src="item.icon" />
<view class="center flex-full">
@@ -18,7 +18,7 @@
{{ item.content }}
</view>
</view>
<view class="right border-box font-size-12 color-white line-height-16" @click="handleClick(item)">
<view class="right box-border font-size-12 color-white line-height-16" @click="handleClick(item)">
{{ item.btnText }}
</view>
</view>