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

feat: 入住信息的样式优化

Browse Source
This commit is contained in:
zoujing
2026-01-16 10:26:22 +08:00
parent ff9227c3b8
commit 17a05aab4c
1 changed files with 7 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,40 +1,27 @@
<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 border-box p-12 border-bottom"> <view class="flex flex-items-center border-box p-12 border-bottom">
<view class="font-size-16 font-500 color-000 line-height-24 flex-full" <view class="font-size-16 font-500 color-000 line-height-24 flex-full">入住信息</view>
>入住信息</view
>
<view class="right"> <view class="right">
<Stepper v-model="count" unit="间" /> <Stepper v-model="count" unit="间" />
</view> </view>
</view> </view>
<view class="border-box pl-12 pr-12"> <view class="border-box pl-12 pr-12">
<view <view class="border-box border-bottom pt-12 pb-12 flex flex-items-center" v-for="(item, index) in userFormList"
class="border-box border-bottom pt-12 pb-12 flex flex-items-center" :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 <input class="border-box px-4 py-2 font-size-15 color-000 line-height-20" v-model.trim="item.visitorName"
class="border-box rounded-8 px-4 py-2 font-size-15 color-000 line-height-20" placeholder="请输入姓名" maxlength="11" />
v-model.trim="item.visitorName"
placeholder="请输入姓名"
maxlength="11"
/>
</view> </view>
</view> </view>
<view class="flex flex-items-center border-box pt-12 pb-12"> <view class="flex flex-items-center border-box pt-12 pb-12">
<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 <input class="border-box px-4 py-2 font-size-15 color-000 line-height-20"
class="border-box rounded-8 px-4 py-2 font-size-15 color-000 line-height-20" v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
v-model.trim="userFormList[0].contactPhone"
placeholder="请输入联系手机"
maxlength="11"
/>
</view> </view>
</view> </view>
</view> </view>