TmOct5/dtx_store
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

新增账户

Browse Source
This commit is contained in:
唐明明
2022-06-07 20:30:29 +08:00
parent e48ff8b7ad
commit 2c0175633c
32 changed files with 1292 additions and 10959 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
pages/account/integral.vue
View File

@@ -1,6 +1,35 @@
<template>
<view>
共力值
<view class="content">
<view class="dt-header">
<view class="title">共力值余额</view>
<view class="num">0.00</view>
</view>
<view class="logs-title">账户记录</view>
<view class="logs-item">
<view class="logs-item-title">账户充值</view>
<view class="logs-item-time">2022-06-07 10:10:51</view>
<view class="logs-item-price add">+1000.0</view>
</view>
<view class="logs-item">
<view class="logs-item-title">账户充值</view>
<view class="logs-item-time">2022-06-07 10:10:51</view>
<view class="logs-item-price remove">-1000.0</view>
</view>
<view class="logs-item">
<view class="logs-item-title">账户充值</view>
<view class="logs-item-time">2022-06-07 10:10:51</view>
<view class="logs-item-price remove">-1000.0</view>
</view>
<view class="logs-item">
<view class="logs-item-title">账户充值</view>
<view class="logs-item-time">2022-06-07 10:10:51</view>
<view class="logs-item-price remove">-1000.0</view>
</view>
<view class="logs-item">
<view class="logs-item-title">账户充值</view>
<view class="logs-item-time">2022-06-07 10:10:51</view>
<view class="logs-item-price remove">-1000.0</view>
</view>
</view>
</template>
@@ -10,10 +39,76 @@
return {
};
},
methods: {
},
onNavigationBarButtonTap() {
this.$Router.push({name: 'AccountRecharge'})
}
}
</script>
<style lang="scss">
.content{
background: $window-color;
min-height: 100vh;
.dt-header{
background: $main-color;
padding: $padding*3 $padding $padding*2;
.title{
color: rgba(255, 255, 255, .9);
font-size: 28rpx;
}
.num{
font-weight: bold;
font-size: 60rpx;
padding-top: 10rpx;
color: white;
}
}
// 账户记录
.logs-title{
padding: 0 $padding;
font-weight: bold;
line-height: 90rpx;
color: #333;
font-size: 30rpx;
}
.logs-item{
position: relative;
background: white;
border-radius: $radius;
padding: $padding - 10 $padding;
padding-right: 240rpx;
box-sizing: border-box;
margin: 0 $margin ($margin - 10);
.logs-item-title{
font-weight: bold;
font-size: 30rpx;
line-height: 50rpx;
}
.logs-item-time{
font-size: 28rpx;
line-height: 40rpx;
color: gray;
}
.logs-item-price{
position: absolute;
right: $padding;
top: $padding - 10;
line-height: 90rpx;
width: 180rpx;
text-align: right;
font-weight: bold;
@extend .nowrap;
&.add{
color: $main-color;
}
&.remove{
color: $text-price;
}
}
}
}
</style>