duanshuwen/nianxx-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: standardize design token classes and spacing units

Browse Source 
Standardize styling across all components:
1. Replace legacy color utilities and hardcoded hex values with official design token classes
2. Update margin/padding/rounded corner values to use wrapped [px] syntax for consistency
3. Fix inconsistent line-height class names to use leading-[value] format
This commit is contained in:
DEV_DSW
2026-05-29 09:56:52 +08:00
parent 42f364809a
commit 2956287135
31 changed files with 108 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/home/components/MoreService/index.vue
View File

@@ -1,8 +1,8 @@
<template>
<van-popup ref="popup" position="bottom" v-model:show="show">
<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 text-[17px] color-000 font-medium ml-24">更多服务</div>
<div class="popup-content pt-[12px] pl-12 pr-12">
<div class="header flex flex-items-center pb-[12px]">
<div class="title flex-full text-center text-[17px] text-black font-medium ml-24">更多服务</div>
<van-icon name="cross" size="24" color="#CACFD8" @click="close" />
</div>
@@ -11,14 +11,14 @@
<div class="flex flex-items-center flex-justify-center">
<img v-if="item.icon" class="left" :src="item.icon" />
<div class="center flex-full">
<div class="text-[16px] color-000 leading-[24px] font-medium">
<div class="text-[16px] text-black leading-[24px] font-medium">
{{ item.title }}
</div>
<div class="text-[12px] color-A3A3A3 line-height-16">
<div class="text-[12px] color-A3A3A3 leading-[16px]">
{{ item.content }}
</div>
</div>
<div class="right text-[12px] text-white line-height-16" @click="handleClick(item)">
<div class="right text-[12px] text-white leading-[16px]" @click="handleClick(item)">
{{ item.btnText }}
</div>
</div>