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:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="create-service-order">
|
||||
<div class="w-full bg-white border-ff overflow-hidden rounded-20">
|
||||
<div class=" order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
|
||||
<div class=" order-header w-vw flex items-center flex-justify-between bg-theme-color-50">
|
||||
<span class="text-[18px] font-medium text-[#171717] text-left ml-12">
|
||||
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
|
||||
</span>
|
||||
@@ -9,7 +9,7 @@
|
||||
</div>
|
||||
|
||||
<div v-if="!isCallSuccess" class=" p-[12px]">
|
||||
<div class="bg-F5F7FA flex flex-items-center p-[12px] rounded-10 text-[14px] text-[#171717] mb-[12px]">
|
||||
<div class="bg-F5F7FA flex items-center p-[12px] rounded-10 text-[14px] text-[#171717] mb-[12px]">
|
||||
<span class="font-medium line-height-22 mr-20">联系电话</span>
|
||||
<input placeholder="请填写联系电话" v-model="contactPhone" />
|
||||
</div>
|
||||
@@ -19,8 +19,7 @@
|
||||
v-model="contactText" />
|
||||
</div>
|
||||
|
||||
<div class="btn rounded-[5px]0 text-white bg-button flex flex-items-center flex-justify-center"
|
||||
@click="handleCall">
|
||||
<div class="btn rounded-[5px]0 text-white bg-button flex items-center flex-justify-center" @click="handleCall">
|
||||
立即提交
|
||||
</div>
|
||||
</div>
|
||||
@@ -34,7 +33,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-help flex flex-items-center pl-12 mb-[12px]">
|
||||
<div class="footer-help flex items-center pl-12 mb-[12px]">
|
||||
<img class="help-icon mr-[4px]" src="./images/icon_volume.png" />
|
||||
<span class="text-[12px] font-medium color-FA7319">
|
||||
{{ appName }}收到您的意见将第一时间为您处理!
|
||||
|
||||
Reference in New Issue
Block a user