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/FaqHelpCard/index.vue
View File

@@ -1,10 +1,10 @@
<template>
<div class="faq-help-card bg-white rounded-24 w-full">
<div class="faq-help-card__header flex flex-items-center">
<div class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full text-[16px] font-900">
<div class="faq-help-card__header flex items-center">
<div class="faq-help-card__icon flex items-center flex-justify-center rounded-full text-[16px] font-bold">
{{ data.icon }}
</div>
<div class="faq-help-card__title color-1E293B font-size-20 font-900">
<div class="faq-help-card__title text-[#1e293b] font-size-20 font-bold">
{{ data.title }}
</div>
</div>
@@ -12,9 +12,9 @@
<div class="faq-help-card__divider"></div>
<div class="faq-help-card__list">
<div v-for="item in questions" :key="item.id || item.text" class="faq-help-card__item flex flex-items-center"
<div v-for="item in questions" :key="item.id || item.text" class="faq-help-card__item flex items-center"
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<div class="faq-help-card__question color-475569 text-[18px] font-900 truncate flex-1">
<div class="faq-help-card__question color-475569 text-[18px] font-bold truncate flex-1">
{{ item.text }}
</div>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>