refactor: adopt text-ink-600 token and clean up OrderCard

Replace all hardcoded #525866 text color with the text-ink-600 design token across components and pages. Refactor the OrderCard component by moving external SCSS styles to scoped styles, replace legacy class names with Tailwind utilities, and fix minor inconsistencies. Fix the typo in src/pages/quick/index.vue where rounded-[5px]0 was used incorrectly, and delete the unused OrderCard styles file.
This commit is contained in:
DEV_DSW
2026-05-29 09:38:41 +08:00
parent 051f7d1134
commit 4232f7bc36
17 changed files with 62 additions and 77 deletions

View File

@@ -11,7 +11,7 @@
<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="text-[14px] font-500 text-[#525866] mr-12">住客姓名</div>
<div class="text-[14px] font-500 text-ink-600 mr-12">住客姓名</div>
<div class="right">
<input class=" px-4 py-2 font-size-15 color-000 leading-[20px]" v-model.trim="item.visitorName"
placeholder="请输入姓名" maxlength="11" />
@@ -19,7 +19,7 @@
</div>
<div class="flex flex-items-center pt-12 pb-12">
<div class="text-[14px] font-500 text-[#525866] mr-12">联系手机</div>
<div class="text-[14px] font-500 text-ink-600 mr-12">联系手机</div>
<div class="right">
<input class=" px-4 py-2 font-size-15 color-000 leading-[20px]" v-model.trim="userFormList[0].contactPhone"
placeholder="请输入联系手机" maxlength="11" />