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

style: migrate font-size classes to text-[size] syntax

Browse Source 
Additionally update spacing utilities and refactor the OrderQrcode component:
- Switch popup implementation from uni-popup to van-popup
- Remove the deprecated SCSS stylesheet
- Clean up component template and script code
This commit is contained in:
DEV_DSW
2026-05-29 09:21:36 +08:00
parent 02fef5dd89
commit e52f916231
44 changed files with 202 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/home/components/LongTextGuideCard/index.vue
View File

@@ -4,17 +4,17 @@
<div v-for="item in cards" :key="item.id"
class="long-text-guide-card__summary-card bg-white rounded-24 border-box" :class="{ 'is-disabled': disabled }"
@click="openDetail(item)">
<div class="long-text-guide-card__badge font-size-12 font-900" :class="`is-${item.badgeTone}`">
<div class="long-text-guide-card__badge text-[12px] font-900" :class="`is-${item.badgeTone}`">
{{ item.badge }}
</div>
<div class="long-text-guide-card__summary-title color-1E293B font-size-18 font-900">
{{ item.title }}
</div>
<div class="long-text-guide-card__summary-text color-94A3B8 font-size-14 font-500 ellipsis-2">
<div class="long-text-guide-card__summary-text color-94A3B8 text-[14px] font-500 ellipsis-2">
{{ item.summary }}
</div>
<div class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
<text class="color-CBD5E1 font-size-12 font-800">{{ item.footer }}</text>
<text class="color-CBD5E1 text-[12px] font-800">{{ item.footer }}</text>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
</div>
</div>
@@ -29,7 +29,7 @@
<div class="long-text-guide-card__detail-title color-1E293B font-size-18 font-900 ellipsis-1">
{{ activeItem.title }}
</div>
<div class="long-text-guide-card__badge long-text-guide-card__detail-badge font-size-12 font-900"
<div class="long-text-guide-card__badge long-text-guide-card__detail-badge text-[12px] font-900"
:class="`is-${activeItem.badgeTone}`">
{{ activeItem.badge }}
</div>
@@ -55,7 +55,7 @@
</div>
<div class="long-text-guide-card__tip-block bg-ECFDF5">
<div v-for="(tip, index) in activeItem.tips || []" :key="tip"
class="long-text-guide-card__tip color-047857 font-size-14 font-800">
class="long-text-guide-card__tip color-047857 text-[14px] font-800">
{{ index + 1 }} {{ tip }}
</div>
</div>
@@ -87,9 +87,9 @@
<div class="long-text-guide-card__map-bar flex flex-items-center bg-white">
<div class="flex-full">
<div class="color-1E293B font-size-15 font-900">{{ activeItem.action.title }}</div>
<div class="color-94A3B8 font-size-12 font-800 mt-2">{{ activeItem.action.subtitle }}</div>
<div class="color-94A3B8 text-[12px] font-800 mt-2">{{ activeItem.action.subtitle }}</div>
</div>
<div class="long-text-guide-card__nav-btn color-white bg-0F172A font-size-14 font-900"
<div class="long-text-guide-card__nav-btn color-white bg-0F172A text-[14px] font-900"
@click="handleAction(activeItem)">
{{ activeItem.action.buttonText }}
</div>