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

10
src/components/Feedback/index.vue
View File

@@ -2,19 +2,19 @@
<div class="create-service-order">
<div class="w-full bg-white border-ff overflow-hidden rounded-20">
<div class=" order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
<span class="text-[18px] font-medium color-171717 text-left ml-12">
<span class="text-[18px] font-medium text-[#171717] text-left ml-12">
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
</span>
<img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
</div>
<div v-if="!isCallSuccess" class=" p-[12px]">
<div class="bg-F5F7FA flex flex-items-center p-[12px] rounded-10 text-[14px] color-171717 mb-12">
<div class="bg-F5F7FA flex flex-items-center p-[12px] rounded-10 text-[14px] text-[#171717] mb-[12px]">
<span class="font-medium line-height-22 mr-20">联系电话</span>
<input placeholder="请填写联系电话" v-model="contactPhone" />
</div>
<div class="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-medium color-171717 mb-12">
<div class="font-medium line-height-22 mb-12">意见内容</div>
<div class="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-medium text-[#171717] mb-[12px]">
<div class="font-medium line-height-22 mb-[12px]">意见内容</div>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-400" maxlength="100"
v-model="contactText" />
</div>
@@ -34,7 +34,7 @@
</div>
</div>
<div class="footer-help flex flex-items-center pl-12 mb-12">
<div class="footer-help flex flex-items-center pl-12 mb-[12px]">
<img class="help-icon mr-[4px]" src="./images/icon_volume.png" />
<span class="text-[12px] font-medium color-FA7319">
{{ appName }}收到您的意见将第一时间为您处理!