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

充值，共力人生

Browse Source
This commit is contained in:
唐明明
2022-06-08 19:26:51 +08:00
parent bc8ff42533
commit 64ddd2547d
157 changed files with 2441 additions and 2001 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
pages/life/life.vue
View File

@@ -3,71 +3,56 @@
<!-- 账户信息 -->
<view class="life-header">
<view class="life-header-flex">
<view class="life-header-item">共力值：0.00</view>
<view class="life-header-item">余额：0.00</view>
<view class="life-header-item">0.00共力值</view>
</view>
</view>
<!-- 共力人生 -->
<view class="life-cover">
<image class="life-cover-back" :src="require('@/static/life/back.png')"></image>
<view class="life-role">
<image class="life-role-src" :src="require('@/static/role/1.png')" mode="widthFix"/>
<image class="life-role-src" :src="figurePath" mode="widthFix"/>
<view class="life-role-content">
<view class="life-role-nick">唐明明</view>
<view class="life-role-nick">{{nickname || '-'}}</view>
<view class="life-role-card">
<image :src="require('@/static/role/role_icon_00.png')" mode="widthFix"></image>
<image :src="identity.button_cover_url" mode="widthFix"></image>
</view>
</view>
</view>
</view>
<!-- 功能入口 -->
<view class="life-nav">
<view class="life-nav-item">
<image :src="require('@/static/life/icon_00.png')" mode="widthFix" />
<view>共力健康</view>
</view>
<view class="life-nav-item">
<image :src="require('@/static/life/icon_01.png')" mode="widthFix" />
<view>共力文娱</view>
</view>
<view class="life-nav-item">
<image :src="require('@/static/life/icon_02.png')" mode="widthFix" />
<view>共力发展</view>
</view>
</view>
<view class="life-flex">
<view class="life-flex-item house">
<view class="life-flex-item house" @click="onNav({name: 'Store'}, 'tab')">
<view class="house-content">
<view class="house-title">共力生活</view>
<view class="house-title">DT商城</view>
<view class="house-subtitle">共力共慧</br>健康生活馆</view>
</view>
<image src="../../static/img/house_back.jpg" mode="aspectFill"></image>
</view>
<view class="life-flex-item both">
<view class="both-item team">
<view class="both-item team" @click="onToast('共力文娱暂未开放尽情期待')">
<view class="team-content">
<view class="team-title">DTS</view>
<view class="team-subtitle">数字化产权交易</view>
<view class="team-title">共力文娱</view>
<view class="team-subtitle">文娱短视频近期开放</view>
</view>
<image src="../../static/img/text_back.jpg" mode="aspectFill"></image>
</view>
<view class="both-item team">
<view class="both-item team" @click="onNav({name: 'Team'})">
<view class="team-content">
<view class="team-title">共力团队</view>
<view class="team-subtitle">
近期3人加入家族</br>
近期3人加入部落
近期{{children.indirect}}人成为伙伴</br>
近期{{children.recommend}}人加入家族
</view>
</view>
<image src="../../static/img/team_back.jpg" mode="aspectFill"></image>
</view>
</view>
<view class="life-flex-item other">
<view class="life-flex-item other" @click="onToast('消息中心暂未开放尽情期待')">
<view class="other-title">
<image src="../../static/life/icon_05.png" mode="widthFix"></image>
消息中心
</view>
<view class="other-subtitle">1条消息</view>
<view class="other-subtitle">{{message > 0 ? message + '条未读消息': '暂无消息'}}</view>
<image class="other-back" src="../../static/life/icon_07.png"></image>
</view>
<view class="life-flex-item other">
@@ -75,18 +60,18 @@
<image src="../../static/life/icon_03.png" mode="widthFix"></image>
邀请朋友
</view>
<view class="other-subtitle">2个邀请码可使用</view>
<view class="other-subtitle">加速共力值增长</view>
<image class="other-back" src="../../static/life/icon_08.png"></image>
</view>
<view class="life-flex-item other">
<view class="life-flex-item other" @click="onNav({name: 'Order'})">
<view class="other-title">
<image src="../../static/life/icon_04.png" mode="widthFix"></image>
我的订单
</view>
<view class="other-subtitle">暂无订单</view>
<view class="other-subtitle">{{order.all || '暂无订单'}}</view>
<image class="other-back" src="../../static/life/icon_09.png"></image>
</view>
<view class="life-flex-item other">
<view class="life-flex-item other" @click="onToast('共力好友暂未开放尽情期待')">
<view class="other-title">
<image src="../../static/life/icon_06.png" mode="widthFix"></image>
共力好友
@@ -99,25 +84,79 @@
</template>
<script>
import { life } from '@/apis/interfaces/life.js'
export default {
data() {
return {
nickname: '',
figurePath: '',
identity: {
button_cover_url: ''
},
children: {
recommend: 0,
indirect : 0
},
message: 0,
order: {
all: 0,
init: 0,
pay: 0,
delivered: 0
}
};
}
},
created() {
// 共力人生
life().then(res => {
this.nickname = res.nickname
this.figurePath = res.figure_path
this.identity = res.identity
this.children = res.children
this.message = res.message
this.order = res.order
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
methods: {
// 我的订单
onNav(name, type){
if(type){
this.$Router.pushTab({...name})
return
}
this.$Router.push({...name})
},
// 开发中提示
onToast(title){
uni.showToast({
title,
icon : 'none'
})
}
}
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.life{
min-height: 100vh;
background: #f8f8f8;
}
// 功能栏目
.life-flex{
padding: 0 20rpx 30rpx;
padding: 30rpx 20rpx 30rpx;
border-radius: 30rpx;
margin-top: -30rpx;
background: $window-color;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
.life-flex-item{
background: white;
border-radius: 20rpx;
@@ -147,12 +186,12 @@
justify-content: space-between;
.house-title{
color: white;
font-size: 46rpx;
font-size: 36rpx;
font-weight: bold;
}
.house-subtitle{
color: white;
font-size: 30rpx;
font-size: 26rpx;
}
}
}
@@ -219,12 +258,12 @@
justify-content: space-between;
.team-title{
color: white;
font-size: 46rpx;
font-size: 36rpx;
font-weight: bold;
}
.team-subtitle{
color: white;
font-size: 26rpx;
font-size: 24rpx;
}
}
}
@@ -244,14 +283,14 @@
right: 0;
}
.other-title{
font-size: 40rpx;
font-size: 36rpx;
font-weight: bold;
color: #333;
image{
width: 42rpx;
width: 36rpx;
vertical-align: middle;
margin-bottom: 4rpx;
margin-right: 5rpx;
margin-right: 10rpx;
}
}
.other-subtitle{
@@ -297,15 +336,14 @@
left: 0;
right: 0;
z-index: 999;
background-color: rgba(255, 255, 255, 1);
@extend .ios-top;
.life-header-flex{
padding: 20rpx 30rpx 30rpx;
display: flex;
justify-content: center;
height: 70rpx;
line-height: 70rpx;
.life-header-item{
border:solid 1px #ddd;
border-radius: 35rpx;
padding: 0 20rpx;
margin-right: 20rpx;
@@ -341,12 +379,12 @@
font-weight: bold;
.life-role-nick{
color: #333;
font-size: 50rpx;
font-size: 40rpx;
}
.life-role-card{
padding-top: 10rpx;
image{
width: 150rpx;
width: 240rpx;
}
}
}