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:
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user