Commit 8739df1a by 梁建民

兑换记录

parent 95d37759
......@@ -30,7 +30,8 @@
"pages/person/certification/certificationmanage/index",
"pages/person/company/index",
"pages/person/editcompany/index",
"pages/person/welfare/index"
"pages/person/welfare/index",
"pages/person/exchange/index"
],
"window": {
"backgroundTextStyle": "light",
......
// pages/person/exchange/index.js
Page({
/**
* 页面的初始数据
*/
data: {
tabIndex: 1
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
/**
* tab切换
*/
switchTab: function (e) {
let i = e.currentTarget.dataset.index;
if (i == this.data.tabIndex) {
return;
} else {
this.setData({
tabIndex: i,
})
}
}
})
\ No newline at end of file
{
"usingComponents": {},
"navigationBarTitleText": "兑换记录"
}
\ No newline at end of file
.exchange {
.content {
.list {
height: 136rpx;
padding: 0 22rpx 0 27rpx;
.t1 {
color: #515559;
font-size: 32rpx;
font-weight: 600;
line-height: 45rpx;
margin-bottom: 13rpx;
}
.t2 {
color: #ADB6BF;
font-size: 22rpx;
line-height: 30rpx;
}
.t2s{
color: #EA1717;
font-size: 22rpx;
line-height: 30rpx;
}
.t3 {
font-size: 38rpx;
font-weight: 600;
color: #515559;
}
.t4 {
font-size: 48rpx;
color: #515559;
}
.t5 {
font-size: 38rpx;
font-weight: 600;
color: #515559;
line-height: 53rpx;
}
.t6 {
font-size: 24rpx;
color: #8A9299;
}
}
}
.btn {
position: absolute;
bottom: 68rpx;
left: 0;
right: 0;
margin: 0 55rpx;
height: 98rpx;
line-height: 98rpx;
text-align: center;
background: rgba(13, 132, 209, 1);
box-shadow: 0px 6rpx 10rpx 0px rgba(97, 160, 242, 0.3);
border-radius: 8rpx;
.iconiconxiantiaoshouji28 {
font-size: 40rpx;
color: #fff;
margin-right: 8rpx;
}
.t1 {
font-size: 32rpx;
font-weight: 500;
color: #fff;
}
}
}
\ No newline at end of file
<view class="exchange" hover-class="none" hover-stop-propagation="false">
<view class="switch-tab-com row">
<view bindtap="switchTab" class="{{tabIndex == 1&&'active'}}" data-index="1">
<text>收入明细</text>
<text class="active-bg"></text>
</view>
<view bindtap="switchTab" class="{{tabIndex == 2&&'active'}}" data-index="2">
<text>兑换记录</text>
<text class="active-bg"></text>
</view>
</view>
<block wx:if="{{tabIndex == 1}}">
<view class="content">
<view class="list row verCenter bothSide boxsiz">
<view class="column">
<text class="t1">首次上传库存奖励</text>
<text class="t2">2019-05-10 10:15</text>
</view>
<view>
<text class="t3">+</text>
<text class="t4">¥0.05</text>
</view>
</view>
<view class="list row verCenter bothSide boxsiz">
<view class="column">
<text class="t1">首次上传库存奖励</text>
<text class="t2">2019-05-10 10:15</text>
</view>
<view>
<text class="t3">+</text>
<text class="t4">¥0.05</text>
</view>
</view>
<view class="list row verCenter bothSide boxsiz">
<view class="column">
<text class="t1">首次上传库存奖励</text>
<text class="t2">2019-05-10 10:15</text>
</view>
<view>
<text class="t3">+</text>
<text class="t4">¥0.05</text>
</view>
</view>
</view>
</block>
<block wx:else>
<view class="content">
<view class="list row verCenter bothSide boxsiz">
<view class="column">
<text class="t1">话费充值</text>
<text class="t2">2019-05-10 10:15</text>
</view>
<view class="t6">
15012479484
</view>
<view class="column">
<text class="t5">¥50</text>
<text class="t2">充值成功</text>
</view>
</view>
<view class="list row verCenter bothSide boxsiz">
<view class="column">
<text class="t1">话费充值</text>
<text class="t2">2019-05-10 10:15</text>
</view>
<view class="t6">
15012479484
</view>
<view class="column">
<text class="t5">¥50</text>
<text class="t2s">充值失败</text>
</view>
</view>
</view>
</block>
<view class="btn">
<text class="icon iconfont iconiconxiantiaoshouji28"></text>
<text class="t1">体现兑换</text>
</view>
</view>
\ No newline at end of file
.exchange .content .list {
height: 136rpx;
padding: 0 22rpx 0 27rpx;
}
.exchange .content .list .t1 {
color: #515559;
font-size: 32rpx;
font-weight: 600;
line-height: 45rpx;
margin-bottom: 13rpx;
}
.exchange .content .list .t2 {
color: #ADB6BF;
font-size: 22rpx;
line-height: 30rpx;
}
.exchange .content .list .t2s {
color: #EA1717;
font-size: 22rpx;
line-height: 30rpx;
}
.exchange .content .list .t3 {
font-size: 38rpx;
font-weight: 600;
color: #515559;
}
.exchange .content .list .t4 {
font-size: 48rpx;
color: #515559;
}
.exchange .content .list .t5 {
font-size: 38rpx;
font-weight: 600;
color: #515559;
line-height: 53rpx;
}
.exchange .content .list .t6 {
font-size: 24rpx;
color: #8A9299;
}
.exchange .btn {
position: absolute;
bottom: 68rpx;
left: 0;
right: 0;
margin: 0 55rpx;
height: 98rpx;
line-height: 98rpx;
text-align: center;
background: #0d84d1;
box-shadow: 0px 6rpx 10rpx 0px rgba(97, 160, 242, 0.3);
border-radius: 8rpx;
}
.exchange .btn .iconiconxiantiaoshouji28 {
font-size: 40rpx;
color: #fff;
margin-right: 8rpx;
}
.exchange .btn .t1 {
font-size: 32rpx;
font-weight: 500;
color: #fff;
}
......@@ -114,9 +114,10 @@
"scene": null
},
{
"id": -1,
"name": "pages/person/welfare/index",
"pathName": "pages/person/welfare/index",
"id": 9,
"name": "pages/person/exchange/index",
"pathName": "pages/person/exchange/index",
"query": "",
"scene": null
}
]
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment