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

20
src/pages/home/components/NoticeCard/index.vue
View File

@@ -1,17 +1,17 @@
<template>
<div class="notice-card w-full">
<div v-if="!detailOpen" class="notice-card__summary bg-FFFBEB rounded-24 w-full">
<div class="notice-card__summary-title color-B45309 text-[16px] font-900">
<div class="notice-card__summary-title color-B45309 text-[16px] font-bold">
{{ summary.title }}
</div>
<div class="notice-card__summary-content color-D97706 text-[14px] font-900">
<div class="notice-card__summary-content color-D97706 text-[14px] font-bold">
{{ summary.content }}
</div>
<div class="notice-card__summary-footer flex flex-items-center flex-justify-between">
<div class="notice-card__summary-time color-D97706 text-[12px] font-900">
<div class="notice-card__summary-footer flex items-center flex-justify-between">
<div class="notice-card__summary-time color-D97706 text-[12px] font-bold">
{{ summary.publishTime }}
</div>
<div class="notice-card__summary-link color-B45309 text-[14px] font-900" :class="{ 'is-disabled': disabled }"
<div class="notice-card__summary-link color-B45309 text-[14px] font-bold" :class="{ 'is-disabled': disabled }"
@click="openDetail">
{{ summary.actionText }}
</div>
@@ -19,12 +19,12 @@
</div>
<div v-else class="notice-card__detail bg-white rounded-24 overflow-hidden w-full">
<div class="notice-card__detail-head flex flex-items-center">
<div class="notice-card__back flex flex-items-center flex-justify-center rounded-full flex-shrink-0"
<div class="notice-card__detail-head flex items-center">
<div class="notice-card__back flex items-center flex-justify-center rounded-full flex-shrink-0"
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</div>
<div class="notice-card__head-title color-1E293B text-[18px] font-900">
<div class="notice-card__head-title text-[#1e293b] text-[18px] font-bold">
{{ detail.navTitle }}
</div>
</div>
@@ -32,10 +32,10 @@
<image class="notice-card__image block w-full" :src="detail.image" mode="aspectFill" />
<div class="notice-card__detail-body">
<div class="notice-card__detail-title color-1E293B font-size-20 font-900">
<div class="notice-card__detail-title text-[#1e293b] font-size-20 font-bold">
{{ detail.title }}
</div>
<div class="notice-card__time-pill flex flex-items-center bg-F8FAFC color-475569 text-[13px] font-900">
<div class="notice-card__time-pill flex items-center bg-[#f8fafc] color-475569 text-[13px] font-bold">
<span class="notice-card__time-icon">{{ detail.timeIcon }}</span>
<span>{{ detail.publishTime }}</span>
</div>