Hooke / xyxBooking-weapp

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
da098fb0 1 parent 4aee23d6

style(页面布局): 统一温馨提示的图标和文字布局样式 

将离线预约码和预约码页面的温馨提示部分统一调整为flex布局，使图标和文字对齐更美观
Inline Side-by-side
Showing 2 changed files with 3 additions and 5 deletions
1 <!-- 1 <!--
2 * @Date: 2024-01-16 10:06:47 2 * @Date: 2024-01-16 10:06:47
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2026-01-07 21:08:16 4 + * @LastEditTime: 2026-01-07 21:59:47
5 * @FilePath: /xyxBooking-weapp/src/pages/bookingCode/index.vue 5 * @FilePath: /xyxBooking-weapp/src/pages/bookingCode/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <view style="padding: 32rpx;"> 10 <view style="padding: 32rpx;">
11 <qrCode></qrCode> 11 <qrCode></qrCode>
12 <view class="warning"> 12 <view class="warning">
13 - <view><IconFont name="tips" />&nbsp;温馨提示</view> 13 + <view style="display: flex; align-items: center; justify-content: center;"><IconFont name="tips" /><text style="margin-left: 10rpx;">温馨提示</text></view>
14 <view style="margin-top: 16rpx;">一人一码，扫码或识别身份证成功后进入</view> 14 <view style="margin-top: 16rpx;">一人一码，扫码或识别身份证成功后进入</view>
15 <view style="height: 256rpx;"></view> 15 <view style="height: 256rpx;"></view>
16 </view> 16 </view>
......
...@@ -8,9 +8,7 @@ ...@@ -8,9 +8,7 @@
8 <view style="padding: 32rpx;"> 8 <view style="padding: 32rpx;">
9 <offlineQrCode :list="qrList"></offlineQrCode> 9 <offlineQrCode :list="qrList"></offlineQrCode>
10 <view class="warning"> 10 <view class="warning">
11 - <view> 11 + <view style="display: flex; align-items: center; justify-content: center;"><IconFont name="tips" /><text style="margin-left: 10rpx;">温馨提示</text></view>
12 - 温馨提示
13 - </view>
14 <view style="margin-top: 16rpx;">一人一码，扫码或识别身份证成功后进入</view> 12 <view style="margin-top: 16rpx;">一人一码，扫码或识别身份证成功后进入</view>
15 </view> 13 </view>
16 </view> 14 </view>
......