hookehuyr

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

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