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

style: update flex alignment classes and clean up UI styles

Browse Source 
Replace all deprecated `flex-items-center` utility classes with standard `items-center` across components. Additionally, update font weight classes from `font-900` to `font-bold`, standardize hex color class syntax to use bracket notation, and remove unused SCSS styles from the SharedVisual component.
This commit is contained in:
DEV_DSW
2026-05-29 10:21:21 +08:00
parent 6e227ff441
commit 653cdd5139
40 changed files with 163 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/home/components/PoiDetailCard/index.vue
View File

@@ -2,26 +2,26 @@
<div class="poi-detail-card bg-white rounded-24 overflow-hidden">
<div class="poi-detail-card__hero relative">
<image class="poi-detail-card__image w-full h-full block rounded-18" :src="data.image" mode="aspectFill" />
<div class="poi-detail-card__badge flex flex-items-center gap-4 font-size-10 font-900">
<div class="poi-detail-card__badge flex items-center gap-4 font-size-10 font-bold">
<span class="poi-detail-card__badge-icon">⌖</span>
<span>{{ data.badge?.text }}</span>
</div>
</div>
<div class="poi-detail-card__body">
<div class="poi-detail-card__title color-1E293B font-size-24 font-900">
<div class="poi-detail-card__title text-[#1e293b] font-size-24 font-bold">
{{ data.title }}
</div>
<div class="poi-detail-card__tip flex flex-items-center gap-10">
<div class="poi-detail-card__spark color-047857 text-[18px] font-900">✦</div>
<div class="poi-detail-card__tip flex items-center gap-10">
<div class="poi-detail-card__spark color-047857 text-[18px] font-bold">✦</div>
<div class="poi-detail-card__tip-text color-047857 text-[14px] font-800">
{{ data.tip?.text }}
</div>
</div>
<div
class="poi-detail-card__button flex flex-items-center flex-justify-center gap-8 text-white bg-0F172A text-[16px] font-900"
class="poi-detail-card__button flex items-center flex-justify-center gap-8 text-white bg-0F172A text-[16px] font-bold"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<span class="poi-detail-card__button-icon">↗</span>
<span>{{ data.action?.text }}</span>