style: update flex alignment classes and clean up UI styles

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

View File

@@ -1,6 +1,6 @@
<template>
<div class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
<div class="flex flex-items-center p-[12px] border-bottom">
<div class="flex items-center p-[12px] border-bottom">
<div class="text-[16px] font-medium text-black leading-[24px] flex-1">
入住信息
</div>
@@ -10,7 +10,7 @@
</div>
<div class=" pl-12 pr-12">
<div class=" border-bottom pt-[12px] pb-[12px] flex flex-items-center" v-for="(item, index) in userFormList"
<div class=" border-bottom pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
:key="index">
<div class="text-[14px] font-medium text-ink-600 mr-12">住客姓名</div>
<div class="right">
@@ -19,7 +19,7 @@
</div>
</div>
<div class="flex flex-items-center pt-[12px] pb-[12px]">
<div class="flex items-center pt-[12px] pb-[12px]">
<div class="text-[14px] font-medium text-ink-600 mr-12">联系手机</div>
<div class="right">
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].contactPhone"