This commit is contained in:
2022-06-08 12:04:27 +08:00
5 changed files with 407 additions and 305 deletions

View File

@@ -0,0 +1,20 @@
/**
* Web唐明明
* 匆匆数载恍如梦,岁月迢迢华发增。
* 碌碌无为枉半生,一朝惊醒万事空。
* moduleName: 账户
*/
import { request } from '../index'
// dt账户
const dt = (data) =>{
return request({
url: "user/account/dt_logs"
})
}
export {
dt
}

View File

@@ -2,8 +2,9 @@
<view class="content"> <view class="content">
<view class="dt-header"> <view class="dt-header">
<view class="title">DT积分余额</view> <view class="title">DT积分余额</view>
<view class="num">0.00</view> <view class="num">{{score}}</view>
</view> </view>
<block v-if="logs.length > 0">
<view class="logs-title">账户记录</view> <view class="logs-title">账户记录</view>
<view class="logs-item"> <view class="logs-item">
<view class="logs-item-title">账户充值</view> <view class="logs-item-title">账户充值</view>
@@ -15,33 +16,43 @@
<view class="logs-item-time">2022-06-07 10:10:51</view> <view class="logs-item-time">2022-06-07 10:10:51</view>
<view class="logs-item-price remove">-1000.0</view> <view class="logs-item-price remove">-1000.0</view>
</view> </view>
<view class="logs-item"> </block>
<view class="logs-item-title">账户充值</view> <block v-else>
<view class="logs-item-time">2022-06-07 10:10:51</view> <view class="vertical pages-empty">
<view class="logs-item-price remove">-1000.0</view> <u-empty
</view> icon="http://cdn.uviewui.com/uview/empty/list.png"
<view class="logs-item"> textColor="#999"
<view class="logs-item-title">账户充值</view> text="暂无账户记录"
<view class="logs-item-time">2022-06-07 10:10:51</view> >
<view class="logs-item-price remove">-1000.0</view> </u-empty>
</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>
</block>
</view> </view>
</template> </template>
<script> <script>
import { dt } from '@/apis/interfaces/account.js'
export default { export default {
data() { data() {
return { return {
score: '0.00',
logs : [],
pages: {}
}; };
}, },
onShow() {
this.getDt()
},
methods: { methods: {
getDt(){
dt().then(res => {
this.score = res.score
this.logs = res.lists.data
this.page = res.lists.page
}).catch(err => {
console.log(err)
})
}
}, },
onNavigationBarButtonTap() { onNavigationBarButtonTap() {
this.$Router.push({name: 'AccountRecharge'}) this.$Router.push({name: 'AccountRecharge'})
@@ -50,6 +61,9 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.pages-empty{
height: 50vh;
}
.content{ .content{
background: $window-color; background: $window-color;
min-height: 100vh; min-height: 100vh;

View File

@@ -15,15 +15,20 @@
<view class="vip-progress-loding" style="width: 50%;"></view> <view class="vip-progress-loding" style="width: 50%;"></view>
</view> </view>
<view class="vip-loding"> <view class="vip-loding">
<view>1/3 邀请家庭会员</view> <view>0/0共分</view>
<view>3/100 邀请家族会员员</view>
</view> </view>
</view> </view>
<navigator class="vip-more">成长体系<uni-icons size="14" type="forward" color="#9f5529"></uni-icons></navigator> <navigator class="vip-more">成长体系<uni-icons size="14" type="forward" color="#9f5529"></uni-icons></navigator>
</view> </view>
</view> </view>
<view class="vip-content"> <view class="vip-content">
<view class="vip-content-title">会员成长值</view> <view class="vip-content-title">距离 *** 还需条件</view>
<view class="vip-up-conditions">
<view class="vip-up-conditions-item"><text>10/10</text>家庭会员</view>
<view class="vip-up-conditions-item"><text>9/100</text>邀请家族会员员</view>
<view class="vip-up-conditions-item"><text>10/10000</text>伙伴</view>
</view>
<view class="vip-content-title">会员特权</view>
<view class="vip-privilege"> <view class="vip-privilege">
<view class="vip-privilege-item" v-for="(item, index) in 8" :key="index"> <view class="vip-privilege-item" v-for="(item, index) in 8" :key="index">
<image class="vip-privilege-icon" src="" mode="widthFix"></image> <image class="vip-privilege-icon" src="" mode="widthFix"></image>
@@ -183,6 +188,20 @@
height: 30rpx; height: 30rpx;
} }
} }
.vip-up-conditions{
padding-top: 10rpx;
padding-bottom: $padding;
&-item{
font-size: 28rpx;
line-height: 60rpx;
color: gray;
text{
color: #fcc590;
margin-right: $margin/2;
font-weight: bold;
}
}
}
.vip-content-rich{ .vip-content-rich{
padding: 30rpx 0 0; padding: 30rpx 0 0;
font-size: 28rpx; font-size: 28rpx;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long