style: migrate font-size classes to text-[size] syntax
Additionally update spacing utilities and refactor the OrderQrcode component: - Switch popup implementation from uni-popup to van-popup - Remove the deprecated SCSS stylesheet - Clean up component template and script code
This commit is contained in:
@@ -9,23 +9,23 @@
|
||||
</div>
|
||||
|
||||
<div v-if="!isCallSuccess" class="border-box p-12">
|
||||
<div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
|
||||
<div class="bg-F5F7FA border-box flex flex-items-center p-12 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 font-size-14 color-171717 mb-12">
|
||||
<div class="bg-F5F7FA border-box flex flex-items-center p-12 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 font-size-14 font-500 color-171717 mb-12">
|
||||
<div class="bg-F5F7FA border-box p-12 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="font-size-14 font-400" maxlength="100"
|
||||
<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 font-size-14 font-500 color-171717 mb-12">
|
||||
<div class="bg-F5F7FA border-box p-12 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">
|
||||
@@ -45,13 +45,13 @@
|
||||
|
||||
<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="font-size-12 color-525866 line-height-20 mb-4">
|
||||
<div class="text-[12px] color-525866 line-height-20 mb-4">
|
||||
所在位置:{{ roomId }}
|
||||
</div>
|
||||
<div class="font-size-12 color-525866 line-height-20 mb-4">
|
||||
<div class="text-[12px] color-525866 line-height-20 mb-4">
|
||||
联系方式: {{ contactPhone }}
|
||||
</div>
|
||||
<div class="font-size-12 color-525866 line-height-20 ellipsis-2">
|
||||
<div class="text-[12px] color-525866 line-height-20 ellipsis-2">
|
||||
需求描述: {{ contactspan }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user