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

13
src/pages/booking/components/UserSection/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="bg-white rounded-[12px] overflow-hidden mb-12">
<div class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
<div class="flex flex-items-center p-[12px] border-bottom">
<div class="text-[16px] font-medium color-000 leading-[24px] flex-full">
<div class="text-[16px] font-medium text-black leading-[24px] flex-full">
入住信息
</div>
<div class="right">
@@ -10,18 +10,19 @@
</div>
<div class=" pl-12 pr-12">
<div class=" border-bottom pt-12 pb-12 flex flex-items-center" v-for="(item, index) in userFormList" :key="index">
<div class=" border-bottom pt-[12px] pb-[12px] flex flex-items-center" v-for="(item, index) in userFormList"
:key="index">
<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="item.visitorName"
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="item.visitorName"
placeholder="请输入姓名" maxlength="11" />
</div>
</div>
<div class="flex flex-items-center pt-12 pb-12">
<div class="flex flex-items-center pt-[12px] pb-[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>