feat(verification): 优化核销按钮UI,使用相机图标替代文字
- 将核销按钮从文字改为 IconFont 图标 - 图标设置为 52rpx 并水平居中 - 更新 CHANGELOG.md Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Showing
2 changed files
with
10 additions
and
2 deletions
docs/CHANGELOG.md
0 → 100644
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2026-01-08 13:01:20 | 2 | * @Date: 2026-01-08 13:01:20 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2026-01-20 18:03:33 | 4 | + * @LastEditTime: 2026-02-02 13:36:30 |
| 5 | * @FilePath: /xyxBooking-weapp/src/pages/verificationResult/index.vue | 5 | * @FilePath: /xyxBooking-weapp/src/pages/verificationResult/index.vue |
| 6 | * @Description: 核销结果页面 | 6 | * @Description: 核销结果页面 |
| 7 | --> | 7 | --> |
| ... | @@ -84,7 +84,9 @@ | ... | @@ -84,7 +84,9 @@ |
| 84 | class="verify-btn" | 84 | class="verify-btn" |
| 85 | @tap="start_scan_and_verify" | 85 | @tap="start_scan_and_verify" |
| 86 | > | 86 | > |
| 87 | - <view class="text-lg">核销</view> | 87 | + <view class="flex items-center justify-center w-full"> |
| 88 | + <IconFont name="photograph" size="52rpx" /> | ||
| 89 | + </view> | ||
| 88 | </nut-button> | 90 | </nut-button> |
| 89 | <view class="mt-4 text-center text-sm text-gray-400">扫描预约码二维码进行核销</view> | 91 | <view class="mt-4 text-center text-sm text-gray-400">扫描预约码二维码进行核销</view> |
| 90 | </view> | 92 | </view> |
| ... | @@ -96,6 +98,7 @@ import { ref, computed } from 'vue' | ... | @@ -96,6 +98,7 @@ import { ref, computed } from 'vue' |
| 96 | import { useRouter } from '@tarojs/taro' | 98 | import { useRouter } from '@tarojs/taro' |
| 97 | import { verifyTicketAPI, checkRedeemPermissionAPI } from '@/api/redeem' | 99 | import { verifyTicketAPI, checkRedeemPermissionAPI } from '@/api/redeem' |
| 98 | import Taro, { useDidShow } from '@tarojs/taro' | 100 | import Taro, { useDidShow } from '@tarojs/taro' |
| 101 | +import { IconFont } from '@nutui/icons-vue-taro' | ||
| 99 | import { mainStore } from '@/stores/main' | 102 | import { mainStore } from '@/stores/main' |
| 100 | import { useReplace } from '@/hooks/useGo' | 103 | import { useReplace } from '@/hooks/useGo' |
| 101 | import { mask_id_number } from '@/utils/tools' | 104 | import { mask_id_number } from '@/utils/tools' | ... | ... |
-
Please register or login to post a comment