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

style: replace legacy padding classes with inline pixel values

Browse Source 
Remove the unused padding.scss stylesheet and its import from the main SCSS entrypoint. Update all legacy padding utility class names across every Vue component to use inline pixel-based utility classes (such as replacing `pl-12` with `pl-[12px]`). Also clean up extraneous whitespace and line breaks in component templates for improved readability.
This commit is contained in:
duanshuwen
2026-07-24 16:36:44 +08:00
parent e57617d2c6
commit 79b101978a
50 changed files with 247 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,5 @@
<template>
<view class="bg-white border-box rounded-12 p-12 mb-12">
<view class="bg-white border-box rounded-12 p-[12px] mb-12">
<view class="flex flex-items-center flex-justify-between">
<view class="flex flex-items-center">
<text class="font-size-16 color-171717 line-height-24 font-500">
@@ -10,16 +10,11 @@
</text>
</view>
</view>
<view
v-if="orderData.orderStatus === '0'"
class="font-size-11 color-99A0AE mt-4"
>
<view v-if="orderData.orderStatus === '0'" class="font-size-11 color-99A0AE mt-4">
超时后，订单将自动取消
</view>
<view
v-if="['1', '2'].includes(orderData.orderStatus)"
class="border-box border-top flex flex-items-center flex-justify-between font-size-12 pt-12 mt-12"
>
<view v-if="['1', '2'].includes(orderData.orderStatus)"
class="border-box border-top flex flex-items-center flex-justify-between font-size-12 pt-[12px] mt-12">
<view class="color-525866">取消政策及说明</view>
<view class="flex flex-items-center" @click="emit('click')">
<text class="theme-color-500 mr-4">查看详情</text>

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

@@ -1,5 +1,5 @@
<template>
<view class="footer bg-white border-box flex flex-items-center flex-justify-between p-12">
<view class="footer bg-white border-box flex flex-items-center flex-justify-between p-[12px]">
<button v-if="['1', '2'].includes(statusCode)"
class="left border-none border-box bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 color-525866 mr-12"
@click="emit('refund', orderData)">

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

@@ -1,5 +1,5 @@
<template>
<view v-if="orderType == 0" class="border-box bg-white p-12 rounded-12 mb-12">
<view v-if="orderType == 0" class="border-box bg-white p-[12px] rounded-12 mb-12">
<!-- 酒店类型入住离店日期部分 -->
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
@@ -7,20 +7,20 @@
{{ orderData.commodityName }}
</view>
<view class="border-box border-bottom font-size-12 color-99A0AE line-height-16 pb-12">
<view class="border-box border-bottom font-size-12 color-99A0AE line-height-16 pb-[12px]">
{{ orderData.commodityDescription }}
</view>
<!-- 权益部分 -->
<view class="border-box flex flex-items-center pt-12">
<text class="bg-[#f7f7f7] border-box rounded-4 font-size-11 color-525866 mr-4 pt-4 pb-4 pl-6 pr-6"
<view class="border-box flex flex-items-center pt-[12px]">
<text class="bg-[#f7f7f7] border-box rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
v-for="(item, index) in commodityFacilityList" :key="index">
{{ item }}
</text>
</view>
</view>
<view v-if="orderType != 0" class="border-box bg-white p-12 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">
{{ orderData.commodityName }}
</view>
@@ -31,7 +31,7 @@
</view>
<view v-if="orderData.orderStatus === '0'"
class="border-box border-top pt-12 font-size-14 font-500 color-171717 mt-12">凭[电子凭证]直接验证使用</view>
class="border-box border-top pt-[12px] font-size-14 font-500 color-171717 mt-12">凭[电子凭证]直接验证使用</view>
</view>
</template>

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

@@ -1,27 +1,18 @@
<template>
<view class="card-content border-box pt-12">
<view class="card-content border-box pt-[12px]">
<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 line-height-20 color-171717 mr-12">
{{ orderData.commodityName }}
</view>
<view
:class="[
'right font-size-18 font-bold line-height-20',
orderData.orderStatus === '0' ? 'color-FF3D60' : 'color-525866',
]"
>
<view :class="[
'right font-size-18 font-bold line-height-20',
orderData.orderStatus === '0' ? 'color-FF3D60' : 'color-525866',
]">
{{ orderData.orderAmt }}
</view>
</view>
<!-- 动态渲染信息行 -->
<InfoRow
v-for="item in displayItems"
:key="item.label"
:label="item.label"
:value="item.value"
/>
<InfoRow v-for="item in displayItems" :key="item.label" :label="item.label" :value="item.value" />
</view>
</template>

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

@@ -1,5 +1,5 @@
<template>
<view class="order-card bg-white border-box p-12 rounded-12 m-12" @click.stop="handleCardClick">
<view class="order-card bg-white border-box p-[12px] rounded-12 m-12" @click.stop="handleCardClick">
<!-- 卡片头部 -->
<view class="card-header flex items-center">
<view class="status-info flex items-center flex-full">

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

@@ -1,5 +1,5 @@
<template>
<view class="bg-white border-box rounded-10 p-12">
<view class="bg-white border-box rounded-10 p-[12px]">
<view class="flex mb-8 font-size-12">
<text class="w-60 color-99A0AE">订单编号</text>
<text class="color-525866">{{ orderData.orderId }}</text>
@@ -10,14 +10,12 @@
</view>
<view class="flex font-size-12">
<text class="w-60 color-99A0AE">支付状态</text>
<text
:class="[
{
'color-FF3D60': statusCode === '0' || statusCode === '3',
'color-21B466': ['1', '2', '4', '5', '6'].includes(statusCode),
},
]"
>
<text :class="[
{
'color-FF3D60': statusCode === '0' || statusCode === '3',
'color-21B466': ['1', '2', '4', '5', '6'].includes(statusCode),
},
]">
{{ statusText }}
</text>
</view>

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

@@ -1,7 +1,7 @@
<template>
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose" @change="handlePopupChange">
<view class="refund-popup bg-[#f5f7fa] border-box">
<view class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
<view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
<view class="flex flex-col flex-items-center flex-full ">
<view class="flex-full font-size-16 text-color-900 text-center">核销凭证</view>
<view class="flex-full font-size-12 text-color-600 text-center mt-4">请向工作人员出示此码</view>
@@ -10,9 +10,10 @@
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
</view>
<view class="bg-white border-box rounded-12 flex flex-col flex-items-center flex-justify-center p-12 mb-12 mx-12">
<view
class="bg-white border-box rounded-12 flex flex-col flex-items-center flex-justify-center p-[12px] mb-12 mx-12">
<view class="flex w-full flex-row flex-items-center flex-justify-between py-4">
<view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
<view>
<view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1">
{{ selectedVoucher.name }}
@@ -20,30 +21,33 @@
</view>
<view v-if="selectedVoucher" class="flex flex-row">
<view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ selectedVoucher.count }}{{
selectedVoucher.unit }}
<view class="bg-[#f5f7fa] text-color-600 font-size-12 p-[4px] rounded-4 mr-4">总计{{ selectedVoucher.count
}}{{
selectedVoucher.unit }}
</view>
<view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ selectedVoucher.count -
<view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-[4px] rounded-4">剩{{ selectedVoucher.count -
selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
</view>
</view>
<view
class="flex flex-col w-full flex-items-center flex-justify-center border-box rounded-8 border pt-16 pb-32 mt-12">
<view class="flex flex-row flex-justify-between border-box w-full px-12">
<view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">凭证{{
class="flex flex-col w-full flex-items-center flex-justify-center border-box rounded-8 border pt-[16px] pb-[32px] mt-12">
<view class="flex flex-row flex-justify-between border-box w-full px-[12px]">
<view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] line-height-24 rounded-12">凭证{{
selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
<view class="text-color-500 font-size-14 px-12 line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count -
<view class="text-color-500 font-size-14 px-[12px] line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count
-
selectedVoucher.writeOffCount }}份</view>
</view>
<view class="flex flex-items-center flex-justify-center mt-20 p-20 rounded-12 border borderColor"
<view class="flex flex-items-center flex-justify-center mt-20 p-[20px] rounded-12 border borderColor"
:style="{ borderColor: selectedVoucher?.color }">
<Qrcode v-if="showQrcode" :size="props.size" :unit="props.unit" :val="qrcodeVal" :loadMake="true"
:onval="true" />
</view>
<view v-if="false" class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">
<view v-if="false"
class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] line-height-24 rounded-12">
{{ selectedVoucher.name }}
</view>
</view>

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

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

5
src/pages-order/order/components/UserInfo/index.vue
View File

@@ -1,8 +1,5 @@
<template>
<view
class="bg-white border-box rounded-10 p-12 mb-12"
v-if="hasConsumerData"
>
<view class="bg-white border-box rounded-10 p-[12px] mb-12" v-if="hasConsumerData">
<view v-for="(item, index) in consumerList" :key="index">
<view class="flex mb-8 font-size-12">
<text class="w-60 color-99A0AE">住客姓名</text>

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

@@ -1,23 +1,24 @@
<template>
<view class="bg-white border-box rounded-12 px-12 pt-12 mb-12">
<view class="bg-white border-box rounded-12 px-[12px] pt-[12px] mb-12">
<text class="font-size-16 color-171717 line-height-24 font-500">
核销凭证列表
</text>
<view class="flex flex-items-center flex-justify-between py-12"
<view class="flex flex-items-center flex-justify-between py-[12px]"
:class="[index + 1 === props.orderData.commodityPackageConfig.length ? '' : 'border-bottom']"
v-for="(item, index) in props.orderData.commodityPackageConfig" :key="item.name">
<view class="flex flex-col">
<text class="text-color-900 font-size-16">{{ item.name }}</text>
<view class="flex flex-row mt-8">
<view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ item.count }}{{ item.unit }}
<view class="bg-[#f5f7fa] text-color-600 font-size-12 p-[4px] rounded-4 mr-4">总计{{ item.count }}{{ item.unit
}}
</view>
<view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ item.count - item.writeOffCount
<view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-[4px] rounded-4">剩{{ item.count - item.writeOffCount
}}{{ item.unit }}可用</view>
</view>
</view>
<view class="flex flex-items-center px-14 py-8 rounded-8"
<view class="flex flex-items-center px-[14px] py-[8px] rounded-8"
:class="[item.packageStatus === 0 ? 'bg-[#0CCD58]' : 'bg-[#f5f5f5]']" @click="handleShowQrcode(item, index)">
<text v-if="item.packageStatus === 0" class="font-size-14 color-white">出示凭证</text>
<text v-else class="font-size-14 text-color-300">已核销</text>