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

style: replace legacy typography classes with modern utilities

Browse Source 
Convert all legacy font-size-*, font-weight-*, and line-height-* CSS utility classes to modern inline utility formats (text-[Xpx], font-{weight}, leading-[Xpx]). Also remove unused GoodsInfo component SCSS file, its associated image asset, and clean up the stale style import in GoodsInfo.vue.
This commit is contained in:
DEV_DSW
2026-05-29 09:48:59 +08:00
parent 7f68ee06b7
commit a131531a81
42 changed files with 100 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,7 @@
<div class="poi-compare-card__mark flex flex-items-center flex-justify-center rounded-full flex-shrink-0">
{{ data.icon }}
</div>
<div class="poi-compare-card__title color-1E293B font-size-18 font-900 ellipsis-1 flex-full">
<div class="poi-compare-card__title color-1E293B text-[18px] font-900 ellipsis-1 flex-full">
{{ data.title }}
</div>
</div>
@@ -30,7 +30,7 @@
</div>
<div
class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-0F172A text-white font-size-15 font-900"
class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-0F172A text-white text-[15px] font-900"
:class="{ 'is-disabled': disabled }" @click="openDetail">
{{ data.detailButtonText }}
</div>
@@ -85,7 +85,7 @@
<div class="poi-compare-card__actions grid grid-cols-2 gap-14">
<div v-for="action in detail.actions" :key="action.id || action.text"
class="poi-compare-card__action flex flex-items-center flex-justify-center font-size-15 font-900"
class="poi-compare-card__action flex flex-items-center flex-justify-center text-[15px] font-900"
:class="[action.primary ? 'poi-compare-card__action--primary bg-0F172A text-white' : 'poi-compare-card__action--secondary color-334155', { 'is-disabled': disabled }]"
@click="handleAction(action)">
<span class="poi-compare-card__action-icon">{{ action.icon }}</span>