style: replace legacy typography classes with modern utilities

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

View File

@@ -7,7 +7,7 @@
<div class="facility-location-card__badge color-2563EB bg-EFF6FF text-[12px] font-900">
{{ type.text }}
</div>
<div class="facility-location-card__title color-1E293B font-size-18 font-900 ellipsis-1">
<div class="facility-location-card__title color-1E293B text-[18px] font-900 ellipsis-1">
{{ data.title }}
</div>
</div>
@@ -18,17 +18,17 @@
</div>
<div class="facility-location-card__location bg-F8FAFC rounded-20">
<div class="facility-location-card__location-label flex flex-items-center color-64748B font-size-13 font-900">
<div class="facility-location-card__location-label flex flex-items-center color-64748B text-[13px] font-900">
<span class="facility-location-card__location-dot">{{ location.icon }}</span>
<span>{{ location.label }}</span>
</div>
<div class="facility-location-card__location-text color-1E293B font-size-16 font-900">
<div class="facility-location-card__location-text color-1E293B text-[16px] font-900">
{{ location.text }}
</div>
</div>
<div
class="facility-location-card__button flex flex-items-center flex-justify-center bg-0F172A text-white font-size-18 font-900"
class="facility-location-card__button flex flex-items-center flex-justify-center bg-0F172A text-white text-[18px] font-900"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<span class="facility-location-card__button-icon">{{ action.icon }}</span>
<span>{{ action.text }}</span>