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

style: replace legacy typography classes with modern utilities

Browse Source 
Convert all legacy font-size-*, font-weight-*, and line-height-* CSS utility classes to modern inline utility formats (text-[Xpx], font-{weight}, leading-[Xpx]). Also remove unused GoodsInfo component SCSS file, its associated image asset, and clean up the stale style import in GoodsInfo.vue.
This commit is contained in:
DEV_DSW
2026-05-29 09:48:59 +08:00
parent 7f68ee06b7
commit a131531a81
42 changed files with 100 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,7 +2,7 @@
<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">
<span class="font-size-18 font-500 color-171717 text-left ml-12">
<span class="text-[18px] font-medium color-171717 text-left ml-12">
{{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
</span>
<img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
@@ -10,23 +10,23 @@
<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>
<span class="font-medium line-height-22 mr-20">所在位置</span>
<input placeholder="请填写所在位置" v-model="roomId" />
</div>
<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>
<span class="font-medium line-height-22 mr-20">联系电话</span>
<input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
</div>
<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="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-medium color-171717 mb-12">
<div class="font-medium 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 p-[12px] rounded-10 text-[14px] font-500 color-171717 mb-12">
<div class="font-500 line-height-22 mb-12">照片上传</div>
<div class="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-medium color-171717 mb-12">
<div class="font-medium 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">
<div v-if="contentImgUrl" class="w-full h-full relative inline-block">

2
src/components/DateRangeSection/index.vue
View File

@@ -5,7 +5,7 @@
<span class="text-[12px] color-171717 mr-16">
{{ selectedDate.startDate }}
</span>
<span class="total rounded-[5px]0 flex flex-items-center font-size-11 color-43669A relative">{{
<span class="total rounded-[5px]0 flex flex-items-center text-[11px] color-43669A relative">{{
selectedDate.totalDays }}晚</span>
<span class="text-[12px] color-99A0AE ml-16">离店</span>
<span class="text-[12px] color-171717 ml-4">

6
src/components/DetailPopup/index.vue
View File

@@ -2,7 +2,7 @@
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
<div class="refund-popup bg-F5F7FA ">
<div class=" flex flex-items-center justify-between pt-12 pb-12 relative">
<div class="flex-full font-size-16 color-171717 line-height-24 text-center">
<div class="flex-full text-[16px] color-171717 leading-[24px] text-center">
明细详情
</div>
<!-- 关闭按钮 -->
@@ -11,11 +11,11 @@
<!-- 内容区域 -->
<div class="rounded-[12px] bg-white ml-12 mr-12 mb-40">
<div class=" border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
<span class="font-size-16 font-500 color-171717">在线支付</span>
<span class="text-[16px] font-medium color-171717">在线支付</span>
<span class="text-[14px] color-171717">239</span>
</div>
<div class=" flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
<span class="font-size-16 font-500 color-171717">房费</span>
<span class="text-[16px] font-medium color-171717">房费</span>
<span class="text-[14px] color-171717">239</span>
</div>
</div>

10
src/components/Feedback/index.vue
View File

@@ -2,7 +2,7 @@
<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">
<span class="font-size-18 font-500 color-171717 text-left ml-12">
<span class="text-[18px] font-medium color-171717 text-left ml-12">
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
</span>
<img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
@@ -10,11 +10,11 @@
<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>
<span class="font-medium line-height-22 mr-20">联系电话</span>
<input placeholder="请填写联系电话" v-model="contactPhone" />
</div>
<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="bg-F5F7FA p-[12px] rounded-10 text-[14px] font-medium color-171717 mb-12">
<div class="font-medium line-height-22 mb-12">意见内容</div>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-400" maxlength="100"
v-model="contactText" />
</div>
@@ -36,7 +36,7 @@
<div class="footer-help flex flex-items-center pl-12 mb-12">
<img class="help-icon mr-[4px]" src="./images/icon_volume.png" />
<span class="text-[12px] font-500 color-FA7319">
<span class="text-[12px] font-medium color-FA7319">
{{ appName }}收到您的意见将第一时间为您处理!
</span>
</div>

2
src/components/RefundPopup/index.vue
View File

@@ -2,7 +2,7 @@
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
<div class="refund-popup bg-F5F7FA ">
<div class=" flex flex-items-center justify-between pt-12 pb-12 relative">
<div class="flex-full font-size-16 color-171717 line-height-24 text-center">
<div class="flex-full text-[16px] color-171717 leading-[24px] text-center">
取消政策
</div>
<!-- 关闭按钮 -->

2
src/components/Stepper/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="stepper-wrapper flex flex-items-center rounded-8">
<uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
<text class="stepper-text text-center text-[14px] font-500 color-000 ml-4 mr-[4px]">
<text class="stepper-text text-center text-[14px] font-medium color-000 ml-4 mr-[4px]">
{{ value }} {{ unit }}
</text>
<uni-icons type="plus" size="24" color="#198CFF" @click="increase" />

2
src/components/SurveyQuestionnaire/index.vue
View File

@@ -2,7 +2,7 @@
<div class="survey-questionnaire w-vw-24">
<div class="bg-white border-ff overflow-hidden rounded-20">
<div class=" flex flex-items-center flex-justify-between bg-theme-color-50">
<span class="font-size-18 font-500 color-171717 text-left ml-12">
<span class="text-[18px] font-medium color-171717 text-left ml-12">
调查问卷
</span>
<img class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />

4
src/components/UseDateRange/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="bg-white rounded-[12px] overflow-hidden mb-12">
<div class=" font-size-16 font-500 color-000 line-height-24 p-[12px]">
<div class=" text-[16px] font-medium color-000 leading-[24px] p-[12px]">
使用日期
</div>
<div class="flex flex-items-center ">
@@ -10,7 +10,7 @@
<div class="date-item" :class="{ selected: isSameDate(selectedDate, item.date) }"
@click="onDateClick(item)">
<div class="label text-[12px]">{{ item.weekDesc }}</div>
<div class="md font-size-16 font-600">
<div class="md text-[16px] font-600">
{{ formatMD(item.date) }}
</div>
<div class="status text-[12px]">{{ item.canOrder }}</div>