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

16
src/components/DetailPopup/index.vue
View File

@@ -1,8 +1,8 @@
<template>
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
<div class="refund-popup bg-F5F7FA ">
<div class=" flex flex-items-center justify-between pt-12 pb-12 relative">
<div class="flex-full text-[16px] color-171717 leading-[24px] text-center">
<div class=" flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
<div class="flex-full text-[16px] text-[#171717] leading-[24px] text-center">
明细详情
</div>
<!-- 关闭按钮 -->
@@ -10,13 +10,13 @@
</div>
<!-- 内容区域 -->
<div class="rounded-[12px] bg-white ml-12 mr-12 mb-40">
<div class=" border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
<span class="text-[16px] font-medium color-171717">在线支付</span>
<span class="text-[14px] color-171717">239</span>
<div class=" border-bottom flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-12 mr-12">
<span class="text-[16px] font-medium text-[#171717]">在线支付</span>
<span class="text-[14px] text-[#171717]">239</span>
</div>
<div class=" flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
<span class="text-[16px] font-medium color-171717">房费</span>
<span class="text-[14px] color-171717">239</span>
<div class=" flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-12 mr-12">
<span class="text-[16px] font-medium text-[#171717]">房费</span>
<span class="text-[14px] text-[#171717]">239</span>
</div>
</div>
</div>