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 committed 2026-05-29 09:38:41 +08:00
1 parent 051f7d1134
commit 4232f7bc36
17 files changed
+62 -77

No files matched your search

+3 -3
View File
@@ -45,13 +45,13 @@
<div v-else class=" card-content flex flex-items-center p-[12px]">
<div class=" left flex-full pr-20">
<div class="text-[12px] text-[#525866] leading-[20px] mb-4">
<div class="text-[12px] text-ink-600 leading-[20px] mb-4">
所在位置:{{ roomId }}
</div>
<div class="text-[12px] text-[#525866] leading-[20px] mb-4">
<div class="text-[12px] text-ink-600 leading-[20px] mb-4">
联系方式: {{ contactPhone }}
</div>
<div class="text-[12px] text-[#525866] leading-[20px] ellipsis-2">
<div class="text-[12px] text-ink-600 leading-[20px] ellipsis-2">
需求描述: {{ contactspan }}
</div>
</div>
+2 -2
View File
@@ -26,10 +26,10 @@
</div>
<div v-else class=" left flex-full p-[12px]">
<div class="text-[12px] text-[#525866] leading-[20px] mb-4">
<div class="text-[12px] text-ink-600 leading-[20px] mb-4">
联系方式: {{ contactPhone }}
</div>
<div class="text-[12px] text-[#525866] leading-[20px] ellipsis-2">
<div class="text-[12px] text-ink-600 leading-[20px] ellipsis-2">
意见内容: {{ contactText }}
</div>
</div>
+1 -1
View File
@@ -17,7 +17,7 @@
{{ moduleItem.moduleTitle }}
</span>
</div>
<span class="flex-full text-[12px] text-[#525866] leading-[20px] mt-4">
<span class="flex-full text-[12px] text-ink-600 leading-[20px] mt-4">
{{ moduleItem.moduleContent }}
</span>
</div>
+2 -2
View File
@@ -18,8 +18,8 @@
{{ refundTitle }}
</span>
</div>
<div class="text-[14px] text-[#525866] line-height-16 mb-4"
v-for="(item, index) in commodityPurchaseInstruction" :key="index">
<div class="text-[14px] text-ink-600 line-height-16 mb-4" v-for="(item, index) in commodityPurchaseInstruction"
:key="index">
{{ item }}
</div>
</div>