zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: replace custom line-height classes with tailwind leading utils

Browse Source 
Remove the deprecated src/static/scss/line-height.scss custom utility file, and update all component template instances of line-height-* classes to use the equivalent tailwind leading-[xxpx] utilities. This standardizes line height styling across the codebase by using native tailwind classes instead of custom SCSS helpers.
This commit is contained in:
duanshuwen
2026-07-24 17:00:35 +08:00
parent 39b91a8d05
commit 01fdf80a72
27 changed files with 66 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,23 +10,23 @@
<view v-if="!isCallSuccess" class="border-box p-[12px]"> <view v-if="!isCallSuccess" class="border-box p-[12px]">
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12"> <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
<text class="font-500 line-height-22 mr-20">所在位置</text> <text class="font-500 leading-[22px] mr-20">所在位置</text>
<input placeholder="请填写所在位置" v-model="roomId" /> <input placeholder="请填写所在位置" v-model="roomId" />
</view> </view>
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12"> <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
<text class="font-500 line-height-22 mr-20">联系电话</text> <text class="font-500 leading-[22px] mr-20">联系电话</text>
<input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" /> <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
</view> </view>
<view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12"> <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
<view class="font-500 line-height-22 mb-12">需求信息描述</view> <view class="font-500 leading-[22px] mb-12">需求信息描述</view>
<textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="font-size-14 font-400" maxlength="100" <textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="font-size-14 font-400" maxlength="100"
v-model="contactText" /> v-model="contactText" />
</view> </view>
<view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12"> <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
<view class="font-500 line-height-22 mb-12">照片上传</view> <view class="font-500 leading-[22px] mb-12">照片上传</view>
<view class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center"> <view class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center">
<view v-if="contentImgUrl" class="w-full h-full relative inline-block"> <view v-if="contentImgUrl" class="w-full h-full relative inline-block">
@@ -47,9 +47,9 @@
<view v-else class="border-box card-content flex flex-items-center p-[12px]"> <view v-else class="border-box card-content flex flex-items-center p-[12px]">
<view class="border-box left flex-full pr-[20px]"> <view class="border-box left flex-full pr-[20px]">
<view class="font-size-12 color-525866 line-height-20 mb-4">所在位置：{{ roomId }}</view> <view class="font-size-12 color-525866 leading-[20px] mb-4">所在位置：{{ roomId }}</view>
<view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ contactPhone }}</view> <view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ contactPhone }}</view>
<view class="font-size-12 color-525866 line-height-20 ellipsis-2">需求描述: {{ contactText }}</view> <view class="font-size-12 color-525866 leading-[20px] ellipsis-2">需求描述: {{ contactText }}</view>
</view> </view>
<image v-if="contentImgUrl" class="right rounded-6" :src="contentImgUrl" mode="aspectFill" /> <image v-if="contentImgUrl" class="right rounded-6" :src="contentImgUrl" mode="aspectFill" />

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

@@ -13,7 +13,7 @@
</text> </text>
</view> </view>
<view class="flex flex-items-center" v-if="showBtn" @click="emit('click')"> <view class="flex flex-items-center" v-if="showBtn" @click="emit('click')">
<text class="font-size-12 theme-color-500 line-height-16">房间详情</text> <text class="font-size-12 theme-color-500 leading-[16px]">房间详情</text>
<uni-icons type="right" size="15" color="#99A0AE" /> <uni-icons type="right" size="15" color="#99A0AE" />
</view> </view>
</view> </view>

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

@@ -2,7 +2,7 @@
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose"> <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
<view class="refund-popup bg-[#f5f7fa] border-box"> <view class="refund-popup bg-[#f5f7fa] border-box">
<view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative"> <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
<view class="flex-full font-size-16 color-171717 line-height-24 text-center">明细详情</view> <view class="flex-full font-size-16 color-171717 leading-[24px] text-center">明细详情</view>
<!-- 关闭按钮 --> <!-- 关闭按钮 -->
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" /> <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
</view> </view>

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

@@ -10,11 +10,11 @@
<view v-if="!isCallSuccess" class="border-box p-[12px]"> <view v-if="!isCallSuccess" class="border-box p-[12px]">
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12"> <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
<text class="font-500 line-height-22 mr-20">联系电话</text> <text class="font-500 leading-[22px] mr-20">联系电话</text>
<input placeholder="请填写联系电话" v-model="contactPhone" /> <input placeholder="请填写联系电话" v-model="contactPhone" />
</view> </view>
<view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12"> <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
<view class="font-500 line-height-22 mb-12">意见内容</view> <view class="font-500 leading-[22px] mb-12">意见内容</view>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100" <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
v-model="contactText" /> v-model="contactText" />
</view> </view>
@@ -27,8 +27,8 @@
</view> </view>
<view v-else class="border-box left flex-full p-[12px]"> <view v-else class="border-box left flex-full p-[12px]">
<view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ contactPhone }}</view> <view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ contactPhone }}</view>
<view class="font-size-12 color-525866 line-height-20 ellipsis-2">意见内容: {{ contactText }}</view> <view class="font-size-12 color-525866 leading-[20px] ellipsis-2">意见内容: {{ contactText }}</view>
</view> </view>
<view class="footer-help flex flex-items-center pl-[12px] mb-12"> <view class="footer-help flex flex-items-center pl-[12px] mb-12">

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

@@ -15,11 +15,11 @@
<uni-icons fontFamily="znicons" size="20" color="#333"> <uni-icons fontFamily="znicons" size="20" color="#333">
{{ zniconsMap[moduleItem.moduleIcon] }} {{ zniconsMap[moduleItem.moduleIcon] }}
</uni-icons> </uni-icons>
<text class="ml-4 font-size-14 color-171717 line-height-20"> <text class="ml-4 font-size-14 color-171717 leading-[20px]">
{{ moduleItem.moduleTitle }} {{ moduleItem.moduleTitle }}
</text> </text>
</view> </view>
<text class="flex-full font-size-12 color-525866 line-height-20 mt-4"> <text class="flex-full font-size-12 color-525866 leading-[20px] mt-4">
{{ moduleItem.moduleContent }} {{ moduleItem.moduleContent }}
</text> </text>
</view> </view>

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

@@ -2,7 +2,7 @@
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose"> <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
<view class="refund-popup bg-[#f5f7fa] border-box"> <view class="refund-popup bg-[#f5f7fa] border-box">
<view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative"> <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
<view class="flex-full font-size-16 color-171717 line-height-24 text-center">取消政策</view> <view class="flex-full font-size-16 color-171717 leading-[24px] text-center">取消政策</view>
<!-- 关闭按钮 --> <!-- 关闭按钮 -->
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" /> <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
</view> </view>
@@ -16,7 +16,7 @@
{{ refundTitle }} {{ refundTitle }}
</text> </text>
</view> </view>
<view class="font-size-14 color-525866 line-height-16 mb-4" <view class="font-size-14 color-525866 leading-[16px] mb-4"
v-for="(item, index) in commodityPurchaseInstruction" :key="index"> v-for="(item, index) in commodityPurchaseInstruction" :key="index">
{{ item }} {{ item }}
</view> </view>

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

@@ -1,6 +1,6 @@
<template> <template>
<view class="bg-white rounded-12 overflow-hidden mb-12"> <view class="bg-white rounded-12 overflow-hidden mb-12">
<view class="border-box font-size-16 font-500 color-000 line-height-24 p-[12px]">使用日期</view> <view class="border-box font-size-16 font-500 color-000 leading-[24px] p-[12px]">使用日期</view>
<view class="flex flex-items-center border-box"> <view class="flex flex-items-center border-box">
<scroll-view class="date-scroll" scroll-x> <scroll-view class="date-scroll" scroll-x>
<view class="date-list"> <view class="date-list">

10
src/pages-booking/components/ConactSection/index.vue
View File

@@ -2,8 +2,8 @@
<!-- 选择数量 --> <!-- 选择数量 -->
<view class="border-box bg-white p-[12px] rounded-12 flex flex-items-center mb-12"> <view class="border-box bg-white p-[12px] rounded-12 flex flex-items-center mb-12">
<view class="flex-full"> <view class="flex-full">
<view class="font-size-16 font-500 color-000 line-height-24">选择数量</view> <view class="font-size-16 font-500 color-000 leading-[24px]">选择数量</view>
<view class="font-size-12 color-A3A3A3 line-height-16"> <view class="font-size-12 color-A3A3A3 leading-[16px]">
请选择套餐数量 请选择套餐数量
</view> </view>
</view> </view>
@@ -18,11 +18,11 @@
<!-- 联系方式 --> <!-- 联系方式 -->
<view class="bg-white rounded-12 overflow-hidden"> <view class="bg-white rounded-12 overflow-hidden">
<view class="border-box border-bottom font-size-16 font-500 color-000 line-height-24 p-[12px]">联系方式</view> <view class="border-box border-bottom font-size-16 font-500 color-000 leading-[24px] p-[12px]">联系方式</view>
<view class="flex flex-items-center p-[12px]"> <view class="flex flex-items-center p-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 联系人姓名 </view> <view class="font-size-14 font-500 color-525866 mr-12"> 联系人姓名 </view>
<view class="right"> <view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20" <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
v-model.trim="userFormList[0].visitorName" placeholder="请输入联系人" maxlength="20" /> v-model.trim="userFormList[0].visitorName" placeholder="请输入联系人" maxlength="20" />
</view> </view>
</view> </view>
@@ -30,7 +30,7 @@
<view class="flex flex-items-center p-[12px]"> <view class="flex flex-items-center p-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 手机号码 </view> <view class="font-size-14 font-500 color-525866 mr-12"> 手机号码 </view>
<view class="right"> <view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20" <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" /> v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
</view> </view>
</view> </view>

6
src/pages-booking/components/UserSection/index.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<view class="bg-white rounded-12 overflow-hidden mb-12"> <view class="bg-white rounded-12 overflow-hidden mb-12">
<view class="flex flex-items-center p-[12px] border-bottom"> <view class="flex flex-items-center p-[12px] border-bottom">
<view class="font-size-16 font-500 color-000 line-height-24 flex-full">入住信息</view> <view class="font-size-16 font-500 color-000 leading-[24px] flex-full">入住信息</view>
<view class="right"> <view class="right">
<Stepper v-model="count" unit="间" /> <Stepper v-model="count" unit="间" />
</view> </view>
@@ -12,7 +12,7 @@
v-for="(item, index) in userFormList" :key="index"> v-for="(item, index) in userFormList" :key="index">
<view class="font-size-14 font-500 color-525866 mr-12"> 住客姓名 </view> <view class="font-size-14 font-500 color-525866 mr-12"> 住客姓名 </view>
<view class="right"> <view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20" <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
v-model.trim="item.visitorName" placeholder="请输入姓名" maxlength="11" /> v-model.trim="item.visitorName" placeholder="请输入姓名" maxlength="11" />
</view> </view>
</view> </view>
@@ -20,7 +20,7 @@
<view class="flex flex-items-center pt-[12px] pb-[12px]"> <view class="flex flex-items-center pt-[12px] pb-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 联系手机 </view> <view class="font-size-14 font-500 color-525866 mr-12"> 联系手机 </view>
<view class="right"> <view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20" <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" /> v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
</view> </view>
</view> </view>

8
src/pages-booking/index.vue
View File

@@ -13,12 +13,12 @@
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true" <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
@click="navigateToDetail(orderData)" /> @click="navigateToDetail(orderData)" />
<view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1"> <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1">
{{ orderData.commodityName }} {{ orderData.commodityName }}
</view> </view>
<view class="border-box border-bottom"> <view class="border-box border-bottom">
<view class="font-size-12 color-99A0AE line-height-16 pb-[12px] break-all"> <view class="font-size-12 color-99A0AE leading-[16px] pb-[12px] break-all">
{{ orderData.commodityDescription }} {{ orderData.commodityDescription }}
</view> </view>
@@ -32,9 +32,9 @@
</view> </view>
<view class="border-box flex flex-items-center flex-justify-between pt-[12px]"> <view class="border-box flex flex-items-center flex-justify-between pt-[12px]">
<text class="font-size-12 color-525866 line-height-18">取消政策及说明</text> <text class="font-size-12 color-525866 leading-[18px]">取消政策及说明</text>
<view class="flex flex-items-center"> <view class="flex flex-items-center">
<text class="font-size-12 theme-color-500 line-height-16" @click="refundVisible = true">取消政策</text> <text class="font-size-12 theme-color-500 leading-[16px]" @click="refundVisible = true">取消政策</text>
<uni-icons type="right" size="15" color="#99A0AE" /> <uni-icons type="right" size="15" color="#99A0AE" />
</view> </view>
</view> </view>

2
src/pages-order/order/components/AmtSection/index.vue
View File

@@ -2,7 +2,7 @@
<view class="bg-white rounded-12 p-[12px] mb-12"> <view class="bg-white rounded-12 p-[12px] mb-12">
<view class="flex flex-items-center flex-justify-between"> <view class="flex flex-items-center flex-justify-between">
<view class="flex flex-items-center"> <view class="flex flex-items-center">
<text class="font-size-16 color-171717 line-height-24 font-500"> <text class="font-size-16 color-171717 leading-[24px] font-500">
订单金额 订单金额
</text> </text>
<text class="amt font-size-18 font-bold color-FF3D60 ml-4"> <text class="amt font-size-18 font-bold color-FF3D60 ml-4">

6
src/pages-order/order/components/GoodsInfo/index.vue
View File

@@ -3,11 +3,11 @@
<!-- 酒店类型入住离店日期部分 --> <!-- 酒店类型入住离店日期部分 -->
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" /> <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
<view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1"> <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1">
{{ orderData.commodityName }} {{ orderData.commodityName }}
</view> </view>
<view class="border-box border-bottom font-size-12 color-99A0AE line-height-16 pb-[12px]"> <view class="border-box border-bottom font-size-12 color-99A0AE leading-[16px] pb-[12px]">
{{ orderData.commodityDescription }} {{ orderData.commodityDescription }}
</view> </view>
@@ -21,7 +21,7 @@
</view> </view>
<view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-12 mb-12"> <view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-12 mb-12">
<view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1 mb-8"> <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1 mb-8">
{{ orderData.commodityName }} {{ orderData.commodityName }}
</view> </view>

4
src/pages-order/order/components/OrderCard/OrderCardContent.vue
View File

@@ -1,11 +1,11 @@
<template> <template>
<view class="card-content pt-[12px]"> <view class="card-content pt-[12px]">
<view class="flex items-center justify-between"> <view class="flex items-center justify-between">
<view class="left flex-full font-size-14 line-height-20 color-171717 mr-12"> <view class="left flex-full font-size-14 leading-[20px] color-171717 mr-12">
{{ orderData.commodityName }} {{ orderData.commodityName }}
</view> </view>
<view :class="[ <view :class="[
'right font-size-18 font-bold line-height-20', 'right font-size-18 font-bold leading-[20px]',
orderData.orderStatus === '0' ? 'color-FF3D60' : 'color-525866', orderData.orderStatus === '0' ? 'color-FF3D60' : 'color-525866',
]"> ]">
{{ orderData.orderAmt }} {{ orderData.orderAmt }}

4
src/pages-order/order/components/OrderCard/index.vue
View File

@@ -4,7 +4,7 @@
<view class="card-header flex items-center"> <view class="card-header flex items-center">
<view class="status-info flex items-center flex-full"> <view class="status-info flex items-center flex-full">
<image class="status-icon mr-4" :src="getStatusIcon()" /> <image class="status-icon mr-4" :src="getStatusIcon()" />
<view class="order-title font-size-14 line-height-20 color-525866"> <view class="order-title font-size-14 leading-[20px] color-525866">
{{ getOrderTypeName() }} {{ getOrderTypeName() }}
</view> </view>
</view> </view>
@@ -21,7 +21,7 @@
<view v-if="orderData.orderStatus === '0'" class="text-right"> <view v-if="orderData.orderStatus === '0'" class="text-right">
<button <button
class="go-pay border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center line-height-30" class="go-pay border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center leading-[30px]"
@click.stop="handleCardClick"> @click.stop="handleCardClick">
去支付 去支付
</button> </button>

8
src/pages-order/order/components/OrderQrcode/index.vue
View File

@@ -14,7 +14,7 @@
<view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]"> <view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
<view> <view>
<view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1"> <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1">
{{ selectedVoucher.name }} {{ selectedVoucher.name }}
</view> </view>
</view> </view>
@@ -32,9 +32,9 @@
<view <view
class="flex flex-col w-full flex-items-center flex-justify-center rounded-8 border pt-[16px] pb-[32px] mt-12"> class="flex flex-col w-full flex-items-center flex-justify-center rounded-8 border pt-[16px] pb-[32px] mt-12">
<view class="flex flex-row flex-justify-between w-full px-[12px]"> <view class="flex flex-row flex-justify-between w-full px-[12px]">
<view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] line-height-24 rounded-12">凭证{{ <view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] leading-[24px] rounded-12">凭证{{
selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view> selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
<view class="text-color-500 font-size-14 px-[12px] line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count <view class="text-color-500 font-size-14 px-[12px] leading-[24px] rounded-12">此码仅可核销{{ selectedVoucher.count
- -
selectedVoucher.writeOffCount }}份</view> selectedVoucher.writeOffCount }}份</view>
</view> </view>
@@ -46,7 +46,7 @@
</view> </view>
<view v-if="false" <view v-if="false"
class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] line-height-24 rounded-12"> class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] leading-[24px] rounded-12">
{{ selectedVoucher.name }} {{ selectedVoucher.name }}
</view> </view>
</view> </view>

2
src/pages-order/order/components/OrderStatusInfo/index.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="border-box font-size-24 color-171717 line-height-32 font-500 pt-[12px] pb-[12px]"> <view class="border-box font-size-24 color-171717 leading-[32px] font-500 pt-[12px] pb-[12px]">
{{ currentStatusText }} {{ currentStatusText }}
</view> </view>
</template> </template>

2
src/pages-order/order/components/VoucherList/index.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<view class="bg-white rounded-12 px-[12px] pt-[12px] mb-12"> <view class="bg-white rounded-12 px-[12px] pt-[12px] mb-12">
<text class="font-size-16 color-171717 line-height-24 font-500"> <text class="font-size-16 color-171717 leading-[24px] font-500">
核销凭证列表 核销凭证列表
</text> </text>

10
src/pages-quick/components/Card/index.vue
View File

@@ -2,21 +2,21 @@
<view class="card bg-white p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)"> <view class="card bg-white p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
<image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" /> <image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" />
<view class="right flex-full pl-[12px]"> <view class="right flex-full pl-[12px]">
<view class="font-size-16 line-height-24 color-171717 mb-4"> <view class="font-size-16 leading-[24px] color-171717 mb-4">
{{ item.commodityName }} {{ item.commodityName }}
</view> </view>
<view v-if="item.commodityFacility" class="font-size-12 line-height-16 color-99A0AE mb-4 ellipsis-1"> <view v-if="item.commodityFacility" class="font-size-12 leading-[16px] color-99A0AE mb-4 ellipsis-1">
{{ item.commodityFacility.join(" ") }} {{ item.commodityFacility.join(" ") }}
</view> </view>
<view class="font-size-12 line-height-18 color-43669A"> <view class="font-size-12 leading-[18px] color-43669A">
{{ item.commodityTradeRuleList.join(" / ") }} {{ item.commodityTradeRuleList.join(" / ") }}
</view> </view>
<view class="flex flex-items-center flex-justify-end"> <view class="flex flex-items-center flex-justify-end">
<text class="amt font-size-18 font-500 font-family-misans-vf line-height-24 color-FF3D60 mr-4"> <text class="amt font-size-18 font-500 font-family-misans-vf leading-[24px] color-FF3D60 mr-4">
{{ item.specificationPrice }} {{ item.specificationPrice }}
</text> </text>
<text v-if="item.stockUnitLabel" class="font-size-12 line-height-16 color-99A0AE"> <text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] color-99A0AE">
/{{ item.stockUnitLabel }} /{{ item.stockUnitLabel }}
</text> </text>
<text class="btn rounded-10 color-white ml-16">订</text> <text class="btn rounded-10 color-white ml-16">订</text>

16
src/pages-service/order/components/OrderCard/index.vue
View File

@@ -3,17 +3,17 @@
<!-- 卡片头部 --> <!-- 卡片头部 -->
<view class="border-box flex flex-items-center pb-[12px]"> <view class="border-box flex flex-items-center pb-[12px]">
<image class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" /> <image class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
<text class="font-size-14 color-525866 line-height-20">工单</text> <text class="font-size-14 color-525866 leading-[20px]">工单</text>
<text class="font-size-12 color-525866 line-height-20 ml-auto">{{ <text class="font-size-12 color-525866 leading-[20px] ml-auto">{{
isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus) isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
}}</text> }}</text>
</view> </view>
<!-- 卡片内容 --> <!-- 卡片内容 -->
<view class="border-box card-content flex flex-items-center pb-[12px]"> <view class="border-box card-content flex flex-items-center pb-[12px]">
<view class="border-box left flex-full pr-[20px]"> <view class="border-box left flex-full pr-[20px]">
<view class="font-size-12 color-525866 line-height-20 mb-4">所在位置：{{ orderData.roomNo }}</view> <view class="font-size-12 color-525866 leading-[20px] mb-4">所在位置：{{ orderData.roomNo }}</view>
<view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ orderData.userPhone }}</view> <view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ orderData.userPhone }}</view>
<view class="font-size-12 color-525866 line-height-20 ellipsis-2">需求描述: {{ orderData.content }}</view> <view class="font-size-12 color-525866 leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
</view> </view>
<image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" /> <image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
@@ -22,9 +22,9 @@
<!-- 服务人员 --> <!-- 服务人员 -->
<view v-if="orderData.processMemberName && orderData.processMemberPhone" <view v-if="orderData.processMemberName && orderData.processMemberPhone"
class="service-user p-[8px] flex flex-items-center flex-justify-between mb-12"> class="service-user p-[8px] flex flex-items-center flex-justify-between mb-12">
<view class="font-size-12 line-height-16">服务人员：{{ orderData.processMemberName }}</view> <view class="font-size-12 leading-[16px]">服务人员：{{ orderData.processMemberName }}</view>
<uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" /> <uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" />
<text class="font-size-12 line-height-16" @click="callService">拨打电话</text> <text class="font-size-12 leading-[16px]" @click="callService">拨打电话</text>
</view> </view>
<!-- 取消操作 --> <!-- 取消操作 -->
@@ -33,7 +33,7 @@
orderData.workOrderStatus !== '2' && orderData.workOrderStatus !== '2' &&
orderData.workOrderStatus !== '3' orderData.workOrderStatus !== '3'
" class="flex flex-items-center flex-justify-between"> " class="flex flex-items-center flex-justify-between">
<text class="cancel border rounded-6 font-size-12 line-height-16 color-525866 ml-auto" <text class="cancel border rounded-6 font-size-12 leading-[16px] color-525866 ml-auto"
@click="cancelCall">取消呼叫</text> @click="cancelCall">取消呼叫</text>
</view> </view>
</view> </view>

2
src/pages/ChatMain/ChatQuickAccess/index.vue
View File

@@ -5,7 +5,7 @@
@click="sendReply(item)"> @click="sendReply(item)">
<view class="flex items-center justify-center"> <view class="flex items-center justify-center">
<image v-if="item.icon" class="icon" :src="item.icon" /> <image v-if="item.icon" class="icon" :src="item.icon" />
<text class="font-size-14 theme-color-500 line-height-20"> <text class="font-size-14 theme-color-500 leading-[20px]">
{{ item.title }} {{ item.title }}
</text> </text>
</view> </view>

2
src/pages/ChatMain/ChatTopWelcome/index.vue
View File

@@ -6,7 +6,7 @@ v
<SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth" <SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
:frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns" :frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
:displayWidth="spriteStyle.displayWidth" :fps="16" /> :displayWidth="spriteStyle.displayWidth" :fps="16" />
<view class="welcome-text font-size-14 font-500 font-family-misans-vf color-171717 line-height-24"> <view class="welcome-text font-size-14 font-500 font-family-misans-vf color-171717 leading-[24px]">
{{ welcomeContent }} {{ welcomeContent }}
</view> </view>
</view> </view>

2
src/pages/ChatMain/NoticeMessage/detail.vue
View File

@@ -18,7 +18,7 @@
<text class="color-171717 font-size-12 font-weight-600 ml-8">发布时间：{{ publishTime }}</text> <text class="color-171717 font-size-12 font-weight-600 ml-8">发布时间：{{ publishTime }}</text>
</view> </view>
<view class="mt-20 pt-[16px] color-666 font-size-14 line-height-20 border-top">{{ noticeContent }}</view> <view class="mt-20 pt-[16px] color-666 font-size-14 leading-[20px] border-top">{{ noticeContent }}</view>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>

2
src/pages/ChatModule/CallMobile/index.vue
View File

@@ -7,7 +7,7 @@
</view> </view>
<view class="border-box pl-[12px] pr-[12px]"> <view class="border-box pl-[12px] pr-[12px]">
<view class="font-size-16 color-A3A3A3 line-height-22"> <view class="font-size-16 color-A3A3A3 leading-[22px]">
如有任何疑问，欢迎随时致电景区咨询热线： 如有任何疑问，欢迎随时致电景区咨询热线：
<text class="color-2563EB" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text <text class="color-2563EB" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
class="color-2563EB" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>， class="color-2563EB" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，

6
src/pages/ChatModule/MoreService/index.vue
View File

@@ -11,14 +11,14 @@
<view class="flex flex-items-center flex-justify-center"> <view class="flex flex-items-center flex-justify-center">
<image v-if="item.icon" class="left" :src="item.icon" /> <image v-if="item.icon" class="left" :src="item.icon" />
<view class="center flex-full"> <view class="center flex-full">
<view class="font-size-16 color-000 line-height-24 font-500"> <view class="font-size-16 color-000 leading-[24px] font-500">
{{ item.title }} {{ item.title }}
</view> </view>
<view class="font-size-12 color-A3A3A3 line-height-16"> <view class="font-size-12 color-A3A3A3 leading-[16px]">
{{ item.content }} {{ item.content }}
</view> </view>
</view> </view>
<view class="right font-size-12 color-white line-height-16" @click="handleClick(item)"> <view class="right font-size-12 color-white leading-[16px]" @click="handleClick(item)">
{{ item.btnText }} {{ item.btnText }}
</view> </view>
</view> </view>

4
src/pages/goods/components/GoodFacility/index.vue
View File

@@ -9,12 +9,12 @@
<uni-icons fontFamily="znicons" size="20" color="#171717"> <uni-icons fontFamily="znicons" size="20" color="#171717">
{{ zniconsMap[moduleItem.icon] }} {{ zniconsMap[moduleItem.icon] }}
</uni-icons> </uni-icons>
<text class="ml-4 font-size-12 color-171717 line-height-20"> <text class="ml-4 font-size-12 color-171717 leading-[20px]">
{{ moduleItem.title }} {{ moduleItem.title }}
</text> </text>
</view> </view>
<view class="border-box flex flex-col flex-items-start mt-4 pb-[12px]"> <view class="border-box flex flex-col flex-items-start mt-4 pb-[12px]">
<text class="font-size-12 color-525866 line-height-20 mb-4" v-for="(text, index) in moduleItem.desc" <text class="font-size-12 color-525866 leading-[20px] mb-4" v-for="(text, index) in moduleItem.desc"
:key="index"> :key="index">
{{ text }} {{ text }}
</text> </text>

1
src/static/scss/index.scss
View File

@@ -5,7 +5,6 @@
@import "./flex.scss"; @import "./flex.scss";
@import "./font-weight.scss"; @import "./font-weight.scss";
@import "./height.scss"; @import "./height.scss";
@import "./line-height.scss";
@import "./margin.scss"; @import "./margin.scss";
@import "./font-size.scss"; @import "./font-size.scss";
@import "./font-family.scss"; @import "./font-family.scss";

36
src/static/scss/line-height.scss
View File

@@ -1,36 +0,0 @@
// 行高
.line-height-16 {
line-height: 16px;
}
.line-height-17 {
line-height: 17px;
}
.line-height-18 {
line-height: 18px;
}
.line-height-20 {
line-height: 20px;
}
.line-height-21 {
line-height: 21px;
}
.line-height-22 {
line-height: 22px;
}
.line-height-24 {
line-height: 24px;
}
.line-height-30 {
line-height: 30px;
}
.line-height-32 {
line-height: 32px;
}