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

style: fix style utility class inconsistencies and correct CSS syntax

Browse Source 
Clean up style-related code across all components:
- Replace deprecated color-* classes with text-[color]/text-white equivalents
- Remove redundant border-box declarations and fix broken empty box-sizing rule
- Correct invalid rounded corner class syntax
- Standardize line-height to leading-[value] utilities
- Uniform margin and padding notation to [xxpx] format
This commit is contained in:
DEV_DSW
2026-05-29 09:28:37 +08:00
parent e52f916231
commit 051f7d1134
46 changed files with 167 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/CreateServiceOrder/index.vue
View File

@@ -1,31 +1,31 @@
<template>
<div class="create-service-order">
<div class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
<div class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
<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">
<span class="font-size-18 font-500 color-171717 text-left ml-12">
{{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
</span>
<img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
</div>
<div v-if="!isCallSuccess" class="border-box p-12">
<div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 text-[14px] color-171717 mb-12">
<div v-if="!isCallSuccess" class=" p-[12px]">
<div class="bg-F5F7FA flex flex-items-center p-[12px] rounded-10 text-[14px] color-171717 mb-12">
<span class="font-500 line-height-22 mr-20">所在位置</span>
<input placeholder="请填写所在位置" v-model="roomId" />
</div>
<div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 text-[14px] color-171717 mb-12">
<div class="bg-F5F7FA flex flex-items-center p-[12px] rounded-10 text-[14px] color-171717 mb-12">
<span class="font-500 line-height-22 mr-20">联系电话</span>
<input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
</div>
<div class="bg-F5F7FA border-box p-12 rounded-10 text-[14px] font-500 color-171717 mb-12">
<div class="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-500 color-171717 mb-12">
<div class="font-500 line-height-22 mb-12">需求信息描述</div>
<textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="text-[14px] font-400" maxlength="100"
v-model="contactText" />
</div>
<div class="bg-F5F7FA border-box p-12 rounded-10 text-[14px] font-500 color-171717 mb-12">
<div class="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-500 color-171717 mb-12">
<div class="font-500 line-height-22 mb-12">照片上传</div>
<div class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center">
@@ -43,15 +43,15 @@
</div>
</div>
<div v-else class="border-box card-content flex flex-items-center p-12">
<div class="border-box left flex-full pr-20">
<div class="text-[12px] color-525866 line-height-20 mb-4">
<div v-else class=" card-content flex flex-items-center p-[12px]">
<div class=" left flex-full pr-20">
<div class="text-[12px] text-[#525866] leading-[20px] mb-4">
所在位置：{{ roomId }}
</div>
<div class="text-[12px] color-525866 line-height-20 mb-4">
<div class="text-[12px] text-[#525866] leading-[20px] mb-4">
联系方式: {{ contactPhone }}
</div>
<div class="text-[12px] color-525866 line-height-20 ellipsis-2">
<div class="text-[12px] text-[#525866] leading-[20px] ellipsis-2">
需求描述: {{ contactspan }}
</div>
</div>
@@ -59,7 +59,7 @@
<img v-if="contentImgUrl" class="right rounded-6" :src="contentImgUrl" mode="aspectFill" />
</div>
<div class="btn rounded-50 color-white bg-button flex flex-items-center flex-justify-center ml-12 mr-12 mb-12"
<div class="btn rounded-[5px]0 text-white bg-button flex flex-items-center flex-justify-center ml-12 mr-12 mb-12"
@click="handleCall">
{{ isCallSuccess ? "查看服务" : "立即呼叫" }}
</div>