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/booking/components/ConactSection/index.vue
View File

@@ -1,9 +1,9 @@
<template>
<!-- 选择数量 -->
<div class=" bg-white p-[12px] rounded-[12px] flex flex-items-center mb-12">
<div class=" bg-white p-[12px] rounded-[12px] flex flex-items-center mb-[12px]">
<div class="flex-full">
<div class="text-[16px] font-medium color-000 leading-[24px]">选择数量</div>
<div class="text-[12px] color-A3A3A3 line-height-16">请选择套餐数量</div>
<div class="text-[16px] font-medium text-black leading-[24px]">选择数量</div>
<div class="text-[12px] color-A3A3A3 leading-[16px]">请选择套餐数量</div>
</div>
<div class="right">
<Stepper v-model="count" />
@@ -16,13 +16,13 @@
<!-- 联系方式 -->
<div class="bg-white rounded-[12px] overflow-hidden">
<div class=" border-bottom text-[16px] font-medium color-000 leading-[24px] p-[12px]">
<div class=" border-bottom text-[16px] font-medium text-black leading-[24px] p-[12px]">
联系方式
</div>
<div class="flex flex-items-center p-[12px]">
<div class="text-[14px] font-medium text-ink-600 mr-12">联系人姓名</div>
<div class="right">
<input class=" px-4 py-2 text-[15px] color-000 leading-[20px]" v-model.trim="userFormList[0].visitorName"
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].visitorName"
placeholder="请输入联系人" maxlength="20" />
</div>
</div>
@@ -30,7 +30,7 @@
<div class="flex flex-items-center p-[12px]">
<div class="text-[14px] font-medium text-ink-600 mr-12">手机号码</div>
<div class="right">
<input class=" px-4 py-2 text-[15px] color-000 leading-[20px]" v-model.trim="userFormList[0].contactPhone"
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].contactPhone"
placeholder="请输入联系手机" maxlength="11" />
</div>
</div>