style(ui): 统一添加参观者按钮的样式
为保持UI一致性,将两个页面中的"添加参观者"按钮样式统一调整为flex布局并居中显示,同时为图标添加右边距
Showing
2 changed files
with
6 additions
and
4 deletions
| 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"> | ... | ... |
-
Please register or login to post a comment