hookehuyr

style(ui): 统一添加参观者按钮的样式

为保持UI一致性,将两个页面中的"添加参观者"按钮样式统一调整为flex布局并居中显示,同时为图标添加右边距
1 <!-- 1 <!--
2 * @Date: 2024-01-15 16:25:51 2 * @Date: 2024-01-15 16:25:51
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2026-01-16 20:09:30 4 + * @LastEditTime: 2026-01-16 20:38:48
5 * @FilePath: /xyxBooking-weapp/src/pages/submit/index.vue 5 * @FilePath: /xyxBooking-weapp/src/pages/submit/index.vue
6 * @Description: 预约人员信息 6 * @Description: 预约人员信息
7 --> 7 -->
...@@ -15,8 +15,8 @@ ...@@ -15,8 +15,8 @@
15 </view> 15 </view>
16 </view> 16 </view>
17 <view @tap="goToVisitor" class="add-visitors"> 17 <view @tap="goToVisitor" class="add-visitors">
18 - <view> 18 + <view class="flex items-center justify-center">
19 - <IconFont name="plus" /> 添加参观者 19 + <IconFont name="plus" class="mr-1" /> 添加参观者
20 </view> 20 </view>
21 </view> 21 </view>
22 <view v-if="visitorList.length" class="visitors-list"> 22 <view v-if="visitorList.length" class="visitors-list">
......
...@@ -5,7 +5,9 @@ ...@@ -5,7 +5,9 @@
5 <view class="text">参观者信息</view> 5 <view class="text">参观者信息</view>
6 </view> 6 </view>
7 <view @tap="() => { go('/pages/addVisitor/index') }" class="add-visitors"> 7 <view @tap="() => { go('/pages/addVisitor/index') }" class="add-visitors">
8 - <view class="add-btn"><IconFont name="plus" /> 添加参观者</view> 8 + <view class="add-btn flex items-center justify-center">
9 + <IconFont name="plus" class="mr-1" /> 添加参观者
10 + </view>
9 </view> 11 </view>
10 <view v-if="visitorList.length" class="visitors-list"> 12 <view v-if="visitorList.length" class="visitors-list">
11 <view v-for="(item, index) in visitorList" :key="index" class="visitor-item"> 13 <view v-for="(item, index) in visitorList" :key="index" class="visitor-item">
......