123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <template>
- <view class="page-cont">
- <view class="icon-cont">
- <u-icon class="icon" name="checkmark" color="#fff" size="80"></u-icon>
- <view>支付成功</view>
- <view class="pay-info"><text>{{gold}}</text><image src="../../static/ledou.png"></image></view>
- </view>
- <view class="back-btn">
- <u-button type="success" @click="toLuckDraw">去抽奖</u-button>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- gold: '' //金币
- }
- },
- onLoad(option) {
- console.log(option,'option')
- this.gold = option.gold
- },
- methods: {
- // 去抽奖
- toLuckDraw() {
- uni.navigateBack()
- }
- }
- }
- </script>
- <style lang="less">
- page{
- height: 100%;
- }
- .page-cont{
- width: 100%;
- height: 100%;
- background-color: #fff;
- padding: 40upx;
- .icon-cont{
- width: 100%;
- height: 400upx;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- >view{
- font-size: 30upx;
- margin-top: 30upx;
- color: #00aa00;
- }
- .pay-info{
- font-size: 50rpx;
- color: #666;
- image{
- width: 40rpx;
- height: 40rpx;
- }
- text{
- color: red;
- font-weight: bold;
- }
- }
- }
- .icon{
- width: 120upx;
- height: 120upx;
- background-color: #07c160;
- display: flex;
- justify-content: center;
- border-radius: 50%;
- }
- .back-btn{
- margin-top: 40upx;
- padding: 0 20%;
- }
- }
- </style>
|