|
@@ -2,20 +2,19 @@
|
|
<view>
|
|
<view>
|
|
<u-navbar :placeholder="true" bgColor="#fff" :autoBack="true" :border="true" title="我的盲豆"></u-navbar>
|
|
<u-navbar :placeholder="true" bgColor="#fff" :autoBack="true" :border="true" title="我的盲豆"></u-navbar>
|
|
<view class="bean">
|
|
<view class="bean">
|
|
- <view class="flex bean-balance">
|
|
|
|
- <view class="bean-balance-img">
|
|
|
|
- <image src="../../static/icon/bean.png" mode="aspectFill"></image>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
|
|
+ <!-- 盲豆数 -->
|
|
|
|
+ <view class="bean-balance flex">
|
|
<view class="bean-balance-num">{{ initData.coinNum }}</view>
|
|
<view class="bean-balance-num">{{ initData.coinNum }}</view>
|
|
-
|
|
|
|
|
|
+ <view class="bean-balance-title">盲豆余额</view>
|
|
<view class="bean-balance-btn" @click="toCore">立即兑换</view>
|
|
<view class="bean-balance-btn" @click="toCore">立即兑换</view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+ <!-- 盲豆流水 -->
|
|
<view class="bean-list">
|
|
<view class="bean-list">
|
|
<view class="flex bean-list-item" v-for="(item, index) in list" :key="index">
|
|
<view class="flex bean-list-item" v-for="(item, index) in list" :key="index">
|
|
<view class="flex left">
|
|
<view class="flex left">
|
|
- <view class="title">{{ item.logText }}</view>
|
|
|
|
<view class="date">{{ $parseTime(item.createdTime) }}</view>
|
|
<view class="date">{{ $parseTime(item.createdTime) }}</view>
|
|
|
|
+ <view class="title">{{ item.logText }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex right">
|
|
<view class="flex right">
|
|
<view class="amt">{{ item.logMoney > 0 ? '+' : '' }}{{ item.logMoney }}</view>
|
|
<view class="amt">{{ item.logMoney > 0 ? '+' : '' }}{{ item.logMoney }}</view>
|
|
@@ -100,7 +99,7 @@
|
|
this.getList()
|
|
this.getList()
|
|
}, 500)
|
|
}, 500)
|
|
} else {
|
|
} else {
|
|
- uni.$u.toast('没有更多数据了')
|
|
|
|
|
|
+ uni.$u.toast('已经到底了')
|
|
}
|
|
}
|
|
},
|
|
},
|
|
}
|
|
}
|
|
@@ -108,94 +107,89 @@
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.bean {
|
|
.bean {
|
|
- margin: 20rpx 10rpx;
|
|
|
|
|
|
+ margin: 34rpx 34rpx;
|
|
|
|
+ padding-bottom: 100rpx;
|
|
|
|
|
|
|
|
+ // 盲豆数
|
|
&-balance {
|
|
&-balance {
|
|
|
|
+ height: 264rpx;
|
|
|
|
+ flex-direction: column;
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
- background: url(https://mp-public-1310078123.cos.ap-shanghai.myqcloud.com/md-bkgd.png) center center;
|
|
|
|
- padding-left: 34rpx;
|
|
|
|
- font-weight: bold;
|
|
|
|
- margin-bottom: 20rpx;
|
|
|
|
- color: #FFFFFF;
|
|
|
|
-
|
|
|
|
- image {
|
|
|
|
- width: 130rpx;
|
|
|
|
- height: 130rpx;
|
|
|
|
- margin-right: 16rpx;
|
|
|
|
- }
|
|
|
|
|
|
+ background: url(https://mp-public-1310078123.cos.ap-shanghai.myqcloud.com/v2/coin_bkg.png) center center no-repeat;
|
|
|
|
+ background-size: calc(100vw - 68rpx) 264rpx;
|
|
|
|
+ margin-bottom: 34rpx;
|
|
|
|
|
|
- &-img{
|
|
|
|
- background-color: rgba(255,255,255,0.7);
|
|
|
|
- border-radius: 100rpx;
|
|
|
|
- width: 65px;
|
|
|
|
- height: 65px;
|
|
|
|
-
|
|
|
|
- image {
|
|
|
|
- width: 57px;
|
|
|
|
- height: 57px;
|
|
|
|
- margin:7rpx 7rpx ;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
&-num {
|
|
&-num {
|
|
- height: 230rpx;
|
|
|
|
- line-height: 230rpx;
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
- font-size: 72rpx;
|
|
|
|
- margin-left: 25rpx;
|
|
|
|
|
|
+ font-size: 52rpx;
|
|
|
|
+ line-height: 52rpx;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ margin: 36rpx 0 24rpx;
|
|
}
|
|
}
|
|
|
|
|
|
- &-btn{
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- height: 54rpx;
|
|
|
|
- width: 160rpx;
|
|
|
|
- line-height: 51rpx;
|
|
|
|
- background-color: rgba(255,255,255,0.4);
|
|
|
|
|
|
+ &-title {
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ line-height: 26rpx;
|
|
|
|
+ margin-bottom: 42rpx;
|
|
|
|
+ font-weight: 500;
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
- border: 2rpx solid #FFFFFF;
|
|
|
|
- margin-left: 170rpx;
|
|
|
|
- margin-top: 10rpx;
|
|
|
|
- border-radius: 27rpx;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ opacity: 0.72;
|
|
}
|
|
}
|
|
- &-btn:hover{
|
|
|
|
- opacity: 0.8;
|
|
|
|
|
|
+
|
|
|
|
+ &-btn {
|
|
|
|
+ width: 200rpx;
|
|
|
|
+ height: 70rpx;
|
|
|
|
+ line-height: 70rpx;
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ text-align: center;
|
|
|
|
+ background: #AC1F12;
|
|
|
|
+ border-radius: 16rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ // 盲豆流水
|
|
&-list {
|
|
&-list {
|
|
background-color: #FFFFFF;
|
|
background-color: #FFFFFF;
|
|
- padding: 0 40rpx;
|
|
|
|
|
|
+ padding: 0 34rpx;
|
|
|
|
+ border-radius: 22rpx;
|
|
|
|
|
|
&-item {
|
|
&-item {
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
- padding: 24rpx 0;
|
|
|
|
- border-bottom: 1px solid rgba(236, 236, 236, 100);
|
|
|
|
|
|
+ padding: 40rpx 0;
|
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
|
|
|
.left {
|
|
.left {
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-items: flex-start;
|
|
|
|
+
|
|
|
|
+ .date {
|
|
|
|
+ color: #AAAAAA;
|
|
|
|
+ line-height: 24rpx;
|
|
|
|
+ margin-bottom: 28rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .title {
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ line-height: 30rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.right {
|
|
.right {
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
align-items: flex-end;
|
|
- }
|
|
|
|
-
|
|
|
|
- .title {
|
|
|
|
- font-size: 32rpx;
|
|
|
|
- font-weight: bold;
|
|
|
|
- margin-bottom: 32rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .amt {
|
|
|
|
- margin-bottom: 32rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .balance {
|
|
|
|
- color: #606060;
|
|
|
|
|
|
+
|
|
|
|
+ .amt {
|
|
|
|
+ color: #FF4208;
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ line-height: 30rpx;
|
|
|
|
+ margin-bottom: 28rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .balance {
|
|
|
|
+ color: #AAAAAA;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|