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

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

@@ -1,12 +1,8 @@
<template>
<!-- 选择数量 -->
<view
class="border-box bg-white p-12 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="font-size-16 font-500 color-000 line-height-24"
>选择数量</view
>
<view class="font-size-16 font-500 color-000 line-height-24">选择数量</view>
<view class="font-size-12 color-A3A3A3 line-height-16">
请选择套餐数量
</view>
@@ -16,28 +12,25 @@
</view>
</view>
<!-- 使用日期 -->
<UseDateRange
v-if="orderData.reservationEnabled"
:openDateRangeList="orderData.openDateRangeList"
v-model:selectedDate="reservationDate"
/>
<!-- 使用日期 -->
<UseDateRange v-if="orderData.reservationEnabled" :openDateRangeList="orderData.openDateRangeList"
v-model:selectedDate="reservationDate" />
<!-- 联系方式 -->
<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-12">联系方式</view>
<view class="flex flex-items-center border-box p-12">
<view class="border-box border-bottom font-size-16 font-500 color-000 line-height-24 p-[12px]">联系方式</view>
<view class="flex flex-items-center border-box p-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 联系人姓名 </view>
<view class="right">
<input class="border-box px-4 py-2 font-size-15 color-000 line-height-20"
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
v-model.trim="userFormList[0].visitorName" placeholder="请输入联系人" maxlength="20" />
</view>
</view>
<view class="flex flex-items-center border-box p-12">
<view class="flex flex-items-center border-box p-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 手机号码 </view>
<view class="right">
<input class="border-box px-4 py-2 font-size-15 color-000 line-height-20"
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
</view>
</view>

29
src/pages-booking/components/FooterSection/index.vue
View File

@@ -1,28 +1,15 @@
<template>
<view
class="booking-footer border-box bg-white flex flex-items-center font-family-misans-vf"
>
<text
class="amt font-size-20 font-bold color-FF3D60 line-height-28 flex flex-items-center mr-8"
>
<view class="booking-footer border-box bg-white flex flex-items-center font-family-misans-vf">
<text class="amt font-size-20 font-bold color-FF3D60 line-height-28 flex flex-items-center mr-8">
{{ totalAmt }}
</text>
<!-- <view class="flex flex-items-center" @click="emit('detailClick')">
<text class="font-size-12 color-A3A3A3 mr-4">明细</text>
<uni-icons type="up" size="16" color="#A3A3A3" />
</view> -->
<view
class="btn border-box rounded-10 flex flex-items-center ml-auto pl-8"
@click="handleBooking"
>
<image
class="icon"
src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png"
/>
<text
class="font-size-16 font-500 color-white"
>立即支付</text
>
<view class="btn border-box rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
<image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
<text class="font-size-16 font-500 color-white">立即支付</text>
</view>
</view>
</template>
@@ -39,11 +26,11 @@ const props = defineProps({
},
orderData: {
type: Object,
default: () => {},
default: () => { },
},
selectedDate: {
type: Object,
default: () => {},
default: () => { },
},
});
@@ -86,7 +73,7 @@ const preOrderPay = async () => {
const handleBooking = DebounceUtils.createDebounce(() => {
emit("payClick", props.orderData);
}, 1000);
}, 1000);
</script>

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

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