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

18
src/pages/home/components/PoiCompareCard/index.vue
View File

@@ -15,14 +15,14 @@
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<img class="poi-compare-card__image block w-full" :src="item.image" mode="aspectFill" />
<div v-for="field in item.fields" :key="field.label" class="poi-compare-card__field">
<div class="poi-compare-card__field-label color-94A3B8 font-size-12 font-800">
<div class="poi-compare-card__field-label color-94A3B8 text-[12px] font-800">
{{ field.label }}
</div>
<div v-if="field.tone" class="poi-compare-card__chip font-size-12 font-900"
<div v-if="field.tone" class="poi-compare-card__chip text-[12px] font-900"
:class="getToneClass(field.tone)">
{{ field.value }}
</div>
<div v-else class="poi-compare-card__field-value color-1E293B font-size-14 font-900">
<div v-else class="poi-compare-card__field-value color-1E293B text-[14px] font-900">
{{ field.value }}
</div>
</div>
@@ -45,7 +45,7 @@
<div class="poi-compare-card__detail-title color-1E293B font-size-20 font-900 flex-full">
{{ detail.title }}
</div>
<div class="poi-compare-card__compare-label color-94A3B8 font-size-12 font-900">
<div class="poi-compare-card__compare-label color-94A3B8 text-[12px] font-900">
{{ detail.compareLabel }}
</div>
</div>
@@ -54,29 +54,29 @@
<div class="poi-compare-card__table-head poi-compare-card__table-row">
<div></div>
<div v-for="item in items" :key="item.id || item.name"
class="poi-compare-card__table-title color-1E293B font-size-14 font-900">
class="poi-compare-card__table-title color-1E293B text-[14px] font-900">
{{ item.name }}
</div>
</div>
<div v-for="row in detail.rows" :key="row.label" class="poi-compare-card__table-row poi-compare-card__data-row">
<div class="poi-compare-card__row-label color-94A3B8 font-size-12 font-900">
<div class="poi-compare-card__row-label color-94A3B8 text-[12px] font-900">
{{ row.label }}
</div>
<div v-for="cell in row.values" :key="row.label + '-' + cell.text"
class="poi-compare-card__cell color-1E293B font-size-14 font-900" :class="getCellClass(cell.tone)">
class="poi-compare-card__cell color-1E293B text-[14px] font-900" :class="getCellClass(cell.tone)">
{{ cell.text }}
</div>
</div>
</div>
<div class="poi-compare-card__recommend">
<div class="poi-compare-card__recommend-title color-94A3B8 font-size-12 font-900">
<div class="poi-compare-card__recommend-title color-94A3B8 text-[12px] font-900">
{{ detail.recommendTitle }}
</div>
<div class="poi-compare-card__tips">
<div v-for="tip in detail.tips" :key="tip.text" class="poi-compare-card__tip flex gap-10">
<div class="poi-compare-card__dot rounded-full flex-shrink-0" :class="getDotClass(tip.tone)" />
<div class="poi-compare-card__tip-text color-334155 font-size-14 font-900">
<div class="poi-compare-card__tip-text color-334155 text-[14px] font-900">
{{ tip.text }}
</div>
</div>