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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user