style: fix style utility class inconsistencies and correct CSS syntax

Clean up style-related code across all components:
- Replace deprecated color-* classes with text-[color]/text-white equivalents
- Remove redundant border-box declarations and fix broken empty box-sizing rule
- Correct invalid rounded corner class syntax
- Standardize line-height to leading-[value] utilities
- Uniform margin and padding notation to [xxpx] format
This commit is contained in:
DEV_DSW
2026-05-29 09:28:37 +08:00
parent e52f916231
commit 051f7d1134
46 changed files with 167 additions and 170 deletions

View File

@@ -1,13 +1,13 @@
<template>
<van-popup ref="popup" position="bottom" v-model:show="show">
<div class="popup-content border-box pt-12 pl-12 pr-12">
<div class="popup-content pt-12 pl-12 pr-12">
<div class="header flex flex-items-center pb-12">
<div class="title flex-full text-center font-size-17 color-000 font-500 ml-24">更多服务</div>
<van-icon name="cross" size="24" color="#CACFD8" @click="close" />
</div>
<div class="list bg-white border-box pl-20 pr-20">
<div class="item border-box border-bottom pt-20 pb-20" v-for="(item, index) in list" :key="index">
<div class="list bg-white pl-20 pr-20">
<div class="item border-bottom pt-20 pb-20" v-for="(item, index) in list" :key="index">
<div class="flex flex-items-center flex-justify-center">
<img v-if="item.icon" class="left" :src="item.icon" />
<div class="center flex-full">
@@ -18,7 +18,7 @@
{{ item.content }}
</div>
</div>
<div class="right border-box text-[12px] color-white line-height-16" @click="handleClick(item)">
<div class="right text-[12px] text-white line-height-16" @click="handleClick(item)">
{{ item.btnText }}
</div>
</div>