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

refactor(home-components): migrate styles & fix color classes

Browse Source 
- Remove FaqHelpCard's external SCSS stylesheet and convert its styles to inline Tailwind utilities
- Fix invalid color utility classes in NoticeCard and LongTextGuideCard to use proper Tailwind text color syntax
- Swap deprecated uni-icons right with van-icon arrow-right in FaqHelpCard
This commit is contained in:
DEV_DSW
2026-05-29 16:29:55 +08:00
parent 255a7c0aa8
commit d955a56cb0
4 changed files with 16 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/home/components/NoticeCard/index.vue
View File

@@ -34,13 +34,13 @@
<div class="notice-card__detail-title text-[#1e293b] font-size-20 font-bold">
{{ detail.title }}
</div>
<div class="notice-card__time-pill flex items-center bg-[#f8fafc] color-475569 text-[13px] font-bold">
<div class="notice-card__time-pill flex items-center bg-[#f8fafc] text-[#475569] text-[13px] font-bold">
<span class="notice-card__time-icon">{{ detail.timeIcon }}</span>
<span>{{ detail.publishTime }}</span>
</div>
<div class="notice-card__divider"></div>
<div v-for="paragraph in paragraphs" :key="paragraph.id"
class="notice-card__paragraph color-475569 text-[14px] font-bold">
class="notice-card__paragraph text-[#475569] text-[14px] font-bold">
<span v-for="segment in paragraph.segments" :key="segment.text"
:class="{ 'notice-card__strong': segment.strong }">
{{ segment.text }}