|
|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
|
- <view>
|
|
|
+ <view class="container">
|
|
|
+ <u-navbar :placeholder="true" bgColor="#fff" :autoBack="true" :border="true" title="兑换成功"></u-navbar>
|
|
|
<view class="item">
|
|
|
<view class="item-one">兑换成功</view>
|
|
|
- <view class="item-two">已成功兑换商品，去商城看看吧</view>
|
|
|
- <view class="item-twotwo">当前盲豆余额：{{coinNum}}</view>
|
|
|
+ <view class="item-two">商品已成功兑换，当前盲豆数量: {{ coinNum }}</view>
|
|
|
<button class="item-three" @click="toCore()">去商城看看</button>
|
|
|
<button class="item-four" @click="toPrize()">进入仓库</button>
|
|
|
</view>
|
|
|
@@ -51,51 +51,50 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+ .container {
|
|
|
+ height: 100vh;
|
|
|
+ }
|
|
|
.item {
|
|
|
text-align: center;
|
|
|
|
|
|
&-one {
|
|
|
- margin-top: 450rpx;
|
|
|
+ margin-top: 228rpx;
|
|
|
color: #F9822C;
|
|
|
- font-size: 36rpx;
|
|
|
- line-height: 60rpx;
|
|
|
- font-weight: 600;
|
|
|
+ font-size: 40rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
&-two {
|
|
|
- margin-top: 20rpx;
|
|
|
+ margin-top: 32rpx;
|
|
|
color: #333;
|
|
|
font-size: 26rpx;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
-
|
|
|
- &-twotwo {
|
|
|
- margin-top: 20rpx;
|
|
|
- color: #999999;
|
|
|
- font-size: 26rpx;
|
|
|
- font-weight: 500;
|
|
|
+ line-height: 26rpx;
|
|
|
}
|
|
|
|
|
|
&-three {
|
|
|
- margin-top: 230rpx;
|
|
|
- width: 540rpx;
|
|
|
- height: 84rpx;
|
|
|
- line-height: 78rpx;
|
|
|
- background-color: #F9822C;
|
|
|
- border: 2rpx solid #F9822C;
|
|
|
+ margin-top: 80rpx;
|
|
|
+ width: 600rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ line-height: 88rpx;
|
|
|
+ text-align: center;
|
|
|
+ background: #F9822C;
|
|
|
+ border-radius: 44rpx;
|
|
|
color: #fff;
|
|
|
font-size: 34rpx;
|
|
|
}
|
|
|
|
|
|
&-four {
|
|
|
- margin-top: 34rpx;
|
|
|
- width: 536rpx;
|
|
|
- height: 80rpx;
|
|
|
- line-height: 74rpx;
|
|
|
- background-color: #fff;
|
|
|
- border: 2rpx solid #bbb;
|
|
|
+ margin-top: 54rpx;
|
|
|
+ width: 600rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ line-height: 88rpx;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #F9822C;
|
|
|
+ background: #fff;
|
|
|
+ color: #F9822C;
|
|
|
+ border-radius: 44rpx;
|
|
|
font-size: 34rpx;
|
|
|
- color: #333;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
hwb0