| New file |
| | |
| | | <template> |
| | | <view class="page"> |
| | | <view class="navigation-bar"><view class="back-button" @tap="returnToScan"><image class="back-icon" src="/static/icons/lucide/chevron-right.svg" mode="aspectFit"></image></view><text class="navigation-title">核销结果</text></view> |
| | | <view class="result-content"><view class="success-shell"><image class="success-icon" src="/static/icons/lucide/badge-check-orange.svg" mode="aspectFit"></image></view><text class="result-title">核销成功</text><text class="result-message">{{message}}</text><view class="return-button" @tap="returnToScan"><text>继续核销</text></view></view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script setup lang="uts"> |
| | | const message = ref('本次核销已完成') |
| | | onLoad((options: any) => { if (options != null && options.message != null && ('' + options.message).length > 0) message.value = decodeURIComponent('' + options.message) }) |
| | | const returnToScan = () => uni.navigateBack({ delta: 1, fail: () => uni.reLaunch({ url: '/pages/scan/scan' }) }) |
| | | </script> |
| | | |
| | | <style> |
| | | page { background-color: #F6F5F2; } |
| | | .page { display: flex; width: 100%; height: 100vh; flex-direction: column; background-color: #F6F5F2; } |
| | | .navigation-bar { display: flex; height: 176rpx; flex: none; justify-content: center; align-items: flex-end; padding-bottom: 26rpx; box-sizing: border-box; background-color: #FFFFFF; position: relative; } |
| | | .navigation-title { color: #293344; font-size: 34rpx; line-height: 48rpx; font-weight: 700; } |
| | | .back-button { display: flex; width: 72rpx; height: 72rpx; justify-content: center; align-items: center; position: absolute; left: 24rpx; bottom: 14rpx; } |
| | | .back-icon { width: 38rpx; height: 38rpx; transform: rotate(180deg); } |
| | | .result-content { display: flex; flex: 1; padding: 176rpx 64rpx 0; flex-direction: column; align-items: center; box-sizing: border-box; } |
| | | .success-shell { display: flex; width: 170rpx; height: 170rpx; justify-content: center; align-items: center; border-radius: 85rpx; background-color: #FFF0E7; box-shadow: 0 16rpx 34rpx rgba(255, 107, 44, 0.13); } |
| | | .success-icon { width: 100rpx; height: 100rpx; } |
| | | .result-title { margin-top: 42rpx; color: #273345; font-size: 38rpx; line-height: 54rpx; font-weight: 700; } |
| | | .result-message { margin-top: 20rpx; color: #8A94A3; font-size: 25rpx; line-height: 36rpx; text-align: center; } |
| | | .return-button { display: flex; width: 100%; height: 88rpx; margin-top: 94rpx; justify-content: center; align-items: center; border-radius: 44rpx; color: #FFFFFF; font-size: 29rpx; line-height: 41rpx; font-weight: 700; background-image: linear-gradient(90deg, #FF7625 0%, #FF9630 100%); } |
| | | </style> |