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

8
src/pages/home/components/RoutePlanCard/index.vue
View File

@@ -5,7 +5,7 @@
:class="{ 'is-disabled': disabled }" @click="openDetail">
<img class="route-plan-card__cover block flex-shrink-0" :src="data.image" mode="aspectFill" />
<div class="route-plan-card__body flex-full">
<div class="route-plan-card__title color-1E293B font-size-18 font-900 ellipsis-1">
<div class="route-plan-card__title color-1E293B text-[18px] font-900 ellipsis-1">
{{ data.title }}
</div>
<div class="route-plan-card__tags flex flex-items-center">
@@ -26,7 +26,7 @@
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</div>
<div class="route-plan-card__detail-title color-1E293B font-size-18 font-900 ellipsis-1 flex-full">
<div class="route-plan-card__detail-title color-1E293B text-[18px] font-900 ellipsis-1 flex-full">
{{ data.title }}
</div>
<div class="route-plan-card__detail-badge color-047857 bg-ECFDF5 text-[12px] font-900">
@@ -44,7 +44,7 @@
<div class="route-plan-card__node bg-white rounded-20 flex flex-items-center">
<img class="route-plan-card__node-image block flex-shrink-0" :src="node.image" mode="aspectFill" />
<div class="route-plan-card__node-body flex-full">
<div class="route-plan-card__node-title color-1E293B font-size-16 font-900 ellipsis-1">
<div class="route-plan-card__node-title color-1E293B text-[16px] font-900 ellipsis-1">
{{ node.title }}
</div>
<div class="route-plan-card__node-desc color-94A3B8 text-[12px] font-800 ellipsis-1">
@@ -74,7 +74,7 @@
{{ detail.tipsTitle }}
</div>
<div v-for="tip in tips" :key="tip"
class="route-plan-card__tip flex flex-items-center color-334155 font-size-13 font-900">
class="route-plan-card__tip flex flex-items-center color-334155 text-[13px] font-900">
<div class="route-plan-card__tip-dot rounded-full flex-shrink-0"></div>
<div>{{ tip }}</div>
</div>