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/LongTextGuideCard/index.vue
View File

@@ -36,7 +36,7 @@
<div class="long-text-guide-card__rich-body">
<div v-for="(paragraph, paragraphIndex) in paragraphsBeforeImage" :key="`before-${paragraphIndex}`"
class="long-text-guide-card__paragraph color-475569 text-[15px] font-medium">
class="long-text-guide-card__paragraph text-[#475569] text-[15px] font-medium">
<template v-for="(segment, segmentIndex) in getSegments(paragraph)"
:key="`${paragraphIndex}-${segmentIndex}`">
<span v-if="segment.highlight" class="long-text-guide-card__highlight font-bold">
@@ -60,7 +60,7 @@
</div>
<div v-for="(paragraph, paragraphIndex) in paragraphsAfterTips" :key="`after-${paragraphIndex}`"
class="long-text-guide-card__paragraph color-475569 text-[15px] font-medium">
class="long-text-guide-card__paragraph text-[#475569] text-[15px] font-medium">
<template v-for="(segment, segmentIndex) in getSegments(paragraph)"
:key="`${paragraphIndex}-${segmentIndex}`">
<span v-if="segment.highlight" class="long-text-guide-card__highlight font-bold">