duanshuwen/nianxx-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/CreateServiceOrder/index.vue
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>

4
src/components/Feedback/index.vue
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>

2
src/components/GoodDetail/index.vue
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>

4
src/components/RefundPopup/index.vue
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>