1084 lines
30 KiB
Vue
1084 lines
30 KiB
Vue
<template>
|
||
<view class="page" :style="themeColor">
|
||
<!---flex布局flex布局开始-->
|
||
<!-- #ifdef H5 -->
|
||
<view style="height: 60rpx;width: 100%;"></view>
|
||
<!-- #endif -->
|
||
|
||
<!-- #ifndef MP-WEIXIN -->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_0"
|
||
:style="{paddingTop: StatusBar + 'px'}">
|
||
<!-- #endif -->
|
||
<!-- #ifdef MP-WEIXIN -->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_0"
|
||
:style="{paddingTop: CustomBar + 10 + 'px'}">
|
||
<!-- #endif -->
|
||
<view class='flex flex-wrap align-center justify-end myPage_fd0_0'>
|
||
<!-- #ifdef MP-WEIXIN -->
|
||
<view v-if="isLogin && userInfo.show_mallbook_deposit == 1"
|
||
class='flex flex-wrap align-center myPage_fd0_0_c0' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/my/recharge/index`">
|
||
<image class='myPage_fd0_0_c1_c0' mode="aspectFit" src='/static/recharge.png'></image>
|
||
</view>
|
||
<!-- #endif -->
|
||
<view class='flex flex-wrap align-center myPage_fd0_0_c0' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/my/myMessage/myMessage`">
|
||
<benben-message-num class='myPage_fd0_0_c0_c0' size='24' color='#fff' background-color='red'>
|
||
</benben-message-num>
|
||
<!-- <image class='myPage_fd0_0_c0_c1' mode="aspectFit" :src='STATIC_URL+"4.png"'></image> -->
|
||
<image class='myPage_fd0_0_c0_c1' mode="aspectFit" :src='STATIC_URL+"my03.png"'></image>
|
||
</view>
|
||
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/xtsz/systemSettings/systemSettings`">
|
||
<!-- <image class='myPage_fd0_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"3.png"'></image> -->
|
||
<image class='myPage_fd0_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"my04.png"'></image>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class='flex flex-wrap align-center justify-between flex-sub myPage_fd0_1'
|
||
@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/`">
|
||
<view class='flex flex-wrap align-center flex-sub' @tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/my/myProfile/myProfile`">
|
||
<view class='flex flex-wrap align-center'>
|
||
<image class='myPage_fd0_1_c0_c0_c0' mode="aspectFill"
|
||
:src="userInfo.avatar ? userInfo.avatar : '/static/logout.png'"></image>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-start myPage_fd0_1_c0_c1'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text
|
||
class='myPage_fd0_1_c0_c1_c0_c0_c0'>{{userInfo.nickname ? userInfo.nickname : '登录'}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-center myPage_fd0_1_c1' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/xtsz/payCode/payCode`">
|
||
<text class='myPage_fd0_1_c1_c0'>付款码</text>
|
||
<!-- <image class='myPage_fd0_1_c1_c1' mode="aspectFit" :src='STATIC_URL+"150.png"'></image> -->
|
||
<image class='myPage_fd0_1_c1_c1' mode="aspectFit" :src='STATIC_URL+"my02.png"'></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_1">
|
||
<view class='flex flex-wrap align-center justify-around myPage_fd1_0'>
|
||
<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/my/pointsDetails/pointsDetails`">
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='myPage_fd1_0_c0_c0_c0'>{{userInfo.score || '0'}}</text>
|
||
</view>
|
||
<text class='myPage_fd1_0_c0_c1'>抵用券</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/my/contributionValue/contributionValue`">
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='myPage_fd1_0_c1_c0_c0'>{{userInfo.freeze_score || '0'}}</text>
|
||
</view>
|
||
<text class='myPage_fd1_0_c1_c1'>积分</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-center'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='myPage_fd1_0_c2_c0_c0'>{{userInfo.count_score || '0'}}</text>
|
||
</view>
|
||
<text class='myPage_fd1_0_c2_c1'>累计抵用券</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<benben-popup v-model="popupShow1684232220791" :mask="true" mode='center'>
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_2">
|
||
<!-- #ifndef MP-WEIXIN -->
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center'>
|
||
<image class='myPage_fd2_0_c0' :src='STATIC_URL+"151.png"'
|
||
@tap.stop="popupShow1684232220791=false"></image>
|
||
</view>
|
||
<!-- #endif -->
|
||
<!-- #ifdef MP-WEIXIN -->
|
||
<view class='flex flex-wrap align-center'>
|
||
<image class='myPage_fd2_0_c0' :src='STATIC_URL+"151.png"'
|
||
@tap.stop="popupShow1684232220791=false"></image>
|
||
</view>
|
||
<!-- #endif -->
|
||
<view class='flex flex-direction flex-wrap align-stretch myPage_fd2_1'>
|
||
<view class='flex flex-direction flex-wrap align-stretch myPage_fd2_1_c0'>
|
||
<view class='flex flex-wrap align-center justify-center'>
|
||
<image class='myPage_fd2_1_c0_c0_c0' mode="aspectFill" :src='userInfo.invite_url'>
|
||
</image>
|
||
</view>
|
||
<view class="flex flex-wrap align-center justify-center margin-top-sm">
|
||
邀请码：{{userInfo.invite_code}}</view>
|
||
<view class='flex flex-wrap align-center justify-center myPage_fd2_1_c0_c1'>
|
||
<image class='myPage_fd2_1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"155.png"'
|
||
@tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/my/invite-code/index`"></image>
|
||
<!-- #ifdef MP-WEIXIN -->
|
||
<button class="share" open-type="share"></button>
|
||
<!-- #endif -->
|
||
<!-- #ifndef MP-WEIXIN -->
|
||
<!-- <button v-if="userInfo.share_url" class="share" @tap="handleShareWx">分享好友</button> -->
|
||
<image v-if="userInfo.share_url" class='myPage_fd2_1_c0_c1_c1' mode="aspectFit"
|
||
:src='STATIC_URL+"156.png"' @tap="handleShareWx"></image>
|
||
<!-- #endif -->
|
||
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-stretch myPage_fd2_1_c1'>
|
||
<view class='flex flex-wrap align-center justify-center'>
|
||
<text class='myPage_fd2_1_c1_c0_c0'>萬家排行榜</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between myPage_fd2_1_c1_c1'>
|
||
<text class='myPage_fd2_1_c1_c1_c0 text-center'>昵称</text>
|
||
<text class='myPage_fd2_1_c1_c1_c1 text-center'>联系方式</text>
|
||
<text class='myPage_fd2_1_c1_c1_c2 text-center'>邀请数</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-stretch'>
|
||
<view class='flex flex-wrap align-center justify-between myPage_fd2_1_c1_c2_c0'
|
||
v-for="(item, index) in rankList" :key="index">
|
||
<view class='myPage_fd2_1_c1_c2_c0_c0 text-center'>{{item.nickname}}</view>
|
||
<view class='myPage_fd2_1_c1_c2_c0_c1 text-center'>{{item.mobile}}</view>
|
||
<view class='myPage_fd2_1_c1_c2_c0_c2 text-center'>{{item.invite_people_num}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
|
||
</benben-popup>
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_3">
|
||
<view class='flex flex-direction flex-wrap align-stretch myPage_fd3_0'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c0'
|
||
@tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/my/myCollection/myCollection`">
|
||
<image class='myPage_fd3_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"12.png"'></image>
|
||
<text class='myPage_fd3_0_c0_c0_c1'>我的收藏</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c1'
|
||
@tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/my/myFotprint/myFotprint`">
|
||
<image class='myPage_fd3_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"11.png"'></image>
|
||
<text class='myPage_fd3_0_c0_c1_c1'>我的足迹</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c2'
|
||
@tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/my/myEvaluation/myEvaluation`">
|
||
<image class='myPage_fd3_0_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"10.png"'></image>
|
||
<text class='myPage_fd3_0_c0_c2_c1'>我的评价</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c3'
|
||
@tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/my/addressManagement/addressManagement`">
|
||
<image class='myPage_fd3_0_c0_c3_c0' mode="aspectFit" :src='STATIC_URL+"9.png"'></image>
|
||
<text class='myPage_fd3_0_c0_c3_c1'>地址管理</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c4' v-if="isPublish"
|
||
@tap.stop="handleJumpFensi" data-type="navigateTo" :data-url="`/pages/my/myFans/myFans`">
|
||
<image class='myPage_fd3_0_c0_c4_c0' mode="aspectFit" :src='STATIC_URL+"8.png"'></image>
|
||
<text class='myPage_fd3_0_c0_c4_c1'>我的粉丝</text>
|
||
</view>
|
||
<!-- <view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c5' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/xtsz/feedbackRecord/feedbackRecord`">
|
||
<image class='myPage_fd3_0_c0_c5_c0' mode="aspectFit" :src='STATIC_URL+"7.png"'></image>
|
||
<text class='myPage_fd3_0_c0_c5_c1'>意见反馈</text>
|
||
</view> -->
|
||
<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c5' v-if="isPublish"
|
||
@tap.stop="handleShare" data-type="navigateTo"
|
||
:data-url="`/pages/xtsz/feedbackRecord/feedbackRecord`">
|
||
<image class='myPage_fd3_0_c0_c5_c0' mode="aspectFit" src='/static/cate/15.png'></image>
|
||
<text class='myPage_fd3_0_c0_c5_c1'>邀请有礼</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c6'
|
||
@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/xtsz/aboutUs/aboutUs`">
|
||
<image class='myPage_fd3_0_c0_c6_c0' mode="aspectFit" :src='STATIC_URL+"6.png"'></image>
|
||
<text class='myPage_fd3_0_c0_c6_c1'>关于我们</text>
|
||
</view>
|
||
<view v-if="shopStatus == -1 && isPublish"
|
||
class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c7'
|
||
@tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/my/merchantSettlement/merchantSettlement`">
|
||
<image class='myPage_fd3_0_c0_c7_c0' mode="aspectFit" :src='STATIC_URL+"5.png"'></image>
|
||
<text class='myPage_fd3_0_c0_c7_c1'>商家入驻</text>
|
||
</view>
|
||
<view v-if="(shopStatus == 2 || shopStatus == 0 || shopStatus == 1) && isPublish"
|
||
class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c7'
|
||
@tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/my/certificationAudit/certificationAudit?stateUS=${shopStatus}`">
|
||
<image class='myPage_fd3_0_c0_c7_c0' mode="aspectFit" :src='STATIC_URL+"5.png"'></image>
|
||
<text class='myPage_fd3_0_c0_c7_c1'>商家入驻</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_4">
|
||
<view class='flex flex-direction flex-wrap align-stretch myPage_fd4_0' @click="handleCall(mobile)">
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='myPage_fd4_0_c0_c0'>客服电话：</text>
|
||
<text class='myPage_fd4_0_c0_c1'>{{mobile}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center myPage_fd4_0_c1'>
|
||
<!-- <text class='myPage_fd4_0_c1_c0'>周一至周五 </text> -->
|
||
<text class='myPage_fd4_0_c1_c1'>{{time}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
|
||
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import {
|
||
validate
|
||
} from '@/common/utils/validate.js'
|
||
export default {
|
||
components: {},
|
||
|
||
|
||
data() {
|
||
return {
|
||
"popupShow1684232220791": false,
|
||
// "userInfo": {
|
||
// "invite_code": "",
|
||
// "address": "",
|
||
// "address_code": "",
|
||
// "address_citycode": "",
|
||
// "id": "",
|
||
// "lastid": "",
|
||
// "user_nickname": "",
|
||
// "mobile": "",
|
||
// "user_name": "",
|
||
// "head_img": "",
|
||
// "birthday": "",
|
||
// "is_finger": "",
|
||
// "user_money": "",
|
||
// "freeze_money": "",
|
||
// "withdrawal_money": "",
|
||
// "score": "",
|
||
// "empirical": "",
|
||
// "invoice_title": "",
|
||
// "invoice_company_title": "",
|
||
// "total_consumption_money": "",
|
||
// "sex": "",
|
||
// "create_time": "",
|
||
// "phone": "",
|
||
// "online": "",
|
||
// "_mobile": "",
|
||
// "coupon": "",
|
||
// "age": "",
|
||
// "collection_count": "",
|
||
// "browse_count": "",
|
||
// "certified": "",
|
||
// "invite": []
|
||
// },
|
||
"money": {
|
||
"aid": "",
|
||
"user_money": "",
|
||
"freeze_money": "",
|
||
"total_consumption_money": "",
|
||
"total_consumption_virtual_money": "",
|
||
"total_revenue_money": "",
|
||
"total_revenue_virtual_money": "",
|
||
"empirical": "",
|
||
"score": "",
|
||
"count_score": "",
|
||
"commission": "",
|
||
"total_order_commission_money": "",
|
||
"withdrawal_money": "",
|
||
"share_money": "",
|
||
"discounts_money": "",
|
||
"create_time": "",
|
||
"user_id": ""
|
||
},
|
||
mobile: '',
|
||
time: '',
|
||
shopStatus: -1,
|
||
rankList: [],
|
||
applyStatus: -1
|
||
};
|
||
},
|
||
computed: {
|
||
themeColor() {
|
||
return this.$store.getters.themeColor
|
||
},
|
||
isLogin() {
|
||
return this.$store.state.token == '' ? false : true;
|
||
},
|
||
userInfo() {
|
||
return this.$store.getters.userInfo;
|
||
}
|
||
},
|
||
watch: {},
|
||
onLoad(options) {
|
||
|
||
},
|
||
onUnload() {
|
||
|
||
},
|
||
onReady() {
|
||
|
||
},
|
||
onShow() {
|
||
this.token = global.token;
|
||
this.getPublishStatus()
|
||
console.log(123)
|
||
console.log('~~~~~~~~~~')
|
||
console.log(global.token)
|
||
|
||
if (global.token) {
|
||
console.log(123)
|
||
this.getInfo();
|
||
this.getRank();
|
||
this.getShopStatus();
|
||
this.getApplyStatus()
|
||
}
|
||
this.getCommonInfo();
|
||
},
|
||
onHide() {
|
||
|
||
},
|
||
onResize() {
|
||
|
||
},
|
||
onPullDownRefresh() {
|
||
|
||
},
|
||
onReachBottom(e) {
|
||
|
||
},
|
||
onPageScroll(e) {
|
||
|
||
},
|
||
onShareAppMessage(e) {
|
||
if (res.from === 'button') { // 来自页面内分享按钮
|
||
return {
|
||
title: '萬家商超',
|
||
path: '/pages/tabBar/homePage/homePage?invite_id=' + this.userInfo.invite_code
|
||
}
|
||
}
|
||
|
||
},
|
||
methods: {
|
||
|
||
async handleJumpFensi() {
|
||
let res = await this.$api.post(global.apiUrls.post67306ffb6ec75)
|
||
if (res.data.code == 1) {
|
||
console.log(res.data.data.status);
|
||
this.applyStatus = res.data.data.status - 0;
|
||
}
|
||
console.log(2);
|
||
console.log(this.applyStatus);
|
||
if (this.applyStatus == 1) {
|
||
this.$urouter.navigateTo(`/pages/my/myFans/myFans`)
|
||
} else {
|
||
let tips = ''
|
||
switch (this.applyStatus) {
|
||
case -1:
|
||
tips = '请先前往“设置”中申请成为推广人员'
|
||
break;
|
||
case 0:
|
||
tips = '您申请成为推广人员正在审核中，需审核通过才能查看'
|
||
break;
|
||
default:
|
||
tips = '您申请成为推广人员已被拒绝，需审核通过才能查看'
|
||
break;
|
||
}
|
||
this.$message.info(tips)
|
||
}
|
||
},
|
||
async getApplyStatus() {
|
||
|
||
let res = await this.$api.post(global.apiUrls.post67306ffb6ec75)
|
||
if (res.code == 1) {
|
||
this.applyStatus = res.data.status;
|
||
this.reason = res.data.reason;
|
||
}
|
||
console.log(1);
|
||
uni.stopPullDownRefresh();
|
||
},
|
||
handleShareWx() {
|
||
uni.share({
|
||
provider: "weixin",
|
||
scene: "WXSceneSession",
|
||
type: 0,
|
||
href: this.userInfo.share_url,
|
||
title: "萬家商超",
|
||
summary: "我正在使用萬家商超，赶紧跟我一起来体验呀！",
|
||
imageUrl: "https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/logo.png",
|
||
success: function(res) {
|
||
console.log("success:" + JSON.stringify(res));
|
||
},
|
||
fail: function(err) {
|
||
console.log("fail:" + JSON.stringify(err));
|
||
}
|
||
});
|
||
},
|
||
handleShare() {
|
||
if (!global.token) return this.$message.info('请先进行登录')
|
||
if (!this.userInfo.district) {
|
||
this.$util.showModal({
|
||
title: '提示',
|
||
content: '请先完善个人资料(所在地填写不能二次修改)?',
|
||
confirmColor: "#ff9300",
|
||
success: res => {
|
||
if (res.confirm) {
|
||
uni.navigateTo({
|
||
url: '/pages/my/myProfile/myProfile'
|
||
})
|
||
}
|
||
}
|
||
});
|
||
return false
|
||
}
|
||
this.popupShow1684232220791 = true;
|
||
},
|
||
handleCall(mobile) {
|
||
if (!mobile) return this.$message.info('暂无客服联系电话')
|
||
this.callMobile(mobile)
|
||
// uni.makePhoneCall({
|
||
// phoneNumber: mobile
|
||
// })
|
||
},
|
||
getCommonInfo() {
|
||
|
||
this.$api
|
||
.post(global.apiUrls.post6483f11510991)
|
||
.then(res => {
|
||
console.log(res);
|
||
res = res.data;
|
||
if (res.code == 1) {
|
||
this.mobile = res.data.service_phone;
|
||
this.time = res.data.service_time;
|
||
}
|
||
uni.stopPullDownRefresh();
|
||
});
|
||
},
|
||
getShopStatus() {
|
||
this.$api
|
||
.post(global.apiUrls.getShopStatus)
|
||
.then(res => {
|
||
console.log(res);
|
||
res = res.data;
|
||
if (res.code == 1) {
|
||
if (Array.isArray(res.data)) {
|
||
this.shopStatus = -1;
|
||
} else {
|
||
this.shopStatus = res.data.status;
|
||
}
|
||
|
||
}
|
||
uni.stopPullDownRefresh();
|
||
});
|
||
},
|
||
/**
|
||
* @function
|
||
* @description 获取用户信息
|
||
*/
|
||
getInfo() {
|
||
this.$api.post(global.apiUrls.post5c78c4772da97)
|
||
.then(res => {
|
||
res = res.data;
|
||
console.log('res=', res)
|
||
if (res.code == 1) {
|
||
this.$store.commit('updateUserInfo', res.data);
|
||
this.$forceUpdate();
|
||
}
|
||
uni.stopPullDownRefresh();
|
||
});
|
||
},
|
||
getRank() {
|
||
this.$api
|
||
.post(global.apiUrls.post649baca5b33e8, {
|
||
user_id: (global.userInfo && global.userInfo.id) || 0
|
||
})
|
||
.then(res => {
|
||
console.log(res);
|
||
res = res.data;
|
||
if (res.code == 1) {
|
||
if (res.data.length > 10) {
|
||
this.rankList = res.data.slice(0, 10);
|
||
} else {
|
||
this.rankList = res.data;
|
||
}
|
||
|
||
}
|
||
uni.stopPullDownRefresh();
|
||
});
|
||
},
|
||
|
||
//获取用户详细信息
|
||
async queryUserInfoFunc() {
|
||
//请求方法
|
||
let datauserInfo = await this.$api.post(global.apiUrls.post5c78c4772da97, {
|
||
|
||
});
|
||
if (datauserInfo.data.code != 1) {
|
||
this.$message.info(datauserInfo.data.msg);
|
||
return
|
||
}
|
||
let infouserInfo = datauserInfo.data;
|
||
this.userInfo = infouserInfo.data
|
||
},
|
||
//查询金额信息
|
||
async queryMoneyInfoFunc() {
|
||
//请求方法
|
||
//数据验证
|
||
|
||
let datamoney = await this.$api.get(global.apiUrls.post636d04052bb00, {
|
||
|
||
});
|
||
if (datamoney.data.code != 1) {
|
||
this.$message.info(datamoney.data.msg);
|
||
return
|
||
}
|
||
let infomoney = datamoney.data;
|
||
this.money = infomoney.data
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
width: 100vw;
|
||
overflow-x: hidden;
|
||
min-height: calc(100vh - var(--window-bottom));
|
||
// background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/2.png) no-repeat, rgba(248, 248, 248, 1);
|
||
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/my_bg.png) no-repeat, rgba(248, 248, 248, 1);
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.myPage_flex_0 {
|
||
padding: 0rpx 0rpx 0rpx 25rpx;
|
||
}
|
||
|
||
.myPage_fd0_1_c1_c1 {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||
}
|
||
|
||
.myPage_fd0_1_c1_c0 {
|
||
// color: #FFFFFF;
|
||
color: #333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 28rpx;
|
||
}
|
||
|
||
.myPage_fd0_1_c1 {
|
||
// background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/149.png) no-repeat, transparent;
|
||
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/my01.png) no-repeat, transparent;
|
||
width: 220rpx;
|
||
height: 84rpx;
|
||
border-radius: 42rpx 0rpx 0rpx 42rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.myPage_fd0_1_c0_c1_c0_c0_c0 {
|
||
color: #333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 36rpx;
|
||
}
|
||
|
||
.myPage_fd0_1_c0_c1 {
|
||
margin: 0rpx 0rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.myPage_fd0_1_c0_c0_c0 {
|
||
width: 128rpx;
|
||
height: 128rpx;
|
||
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||
}
|
||
|
||
.myPage_fd0_1 {
|
||
/* #ifdef MP-WEIXIN */
|
||
margin: 0rpx 0rpx 0rpx 0rpx;
|
||
/* #endif */
|
||
/* #ifndef MP-WEIXIN */
|
||
margin: 48rpx 0rpx 0rpx 0rpx;
|
||
/* #endif */
|
||
|
||
}
|
||
|
||
.myPage_fd0_0_c1_c0 {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd0_0_c0_c1 {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd0_0_c0_c0 {
|
||
position: absolute;
|
||
right: -9rpx;
|
||
top: -8rpx;
|
||
z-index: 10;
|
||
}
|
||
|
||
.myPage_fd0_0_c0 {
|
||
margin: 0rpx 24rpx 0rpx 0rpx;
|
||
position: relative;
|
||
}
|
||
|
||
.myPage_fd0_0 {
|
||
padding: 0rpx 32rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd0_01 {
|
||
padding: 60rpx 32rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_flex_1 {
|
||
|
||
padding: 40rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.myPage_fd1_0_c2_c1 {
|
||
color: #fff;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
margin: 13rpx 0rpx 0rpx 0rpx;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.myPage_fd1_0_c2_c0_c0 {
|
||
color: #fff;
|
||
font-size: 40rpx;
|
||
font-weight: 700;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.myPage_fd1_0_c1_c1 {
|
||
color: #fff;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
margin: 13rpx 0rpx 0rpx 0rpx;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.myPage_fd1_0_c1_c0_c0 {
|
||
color: #fff;
|
||
font-size: 40rpx;
|
||
font-weight: 700;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.myPage_fd1_0_c0_c1 {
|
||
color: #fff;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
margin: 13rpx 0rpx 0rpx 0rpx;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.myPage_fd1_0_c0_c0_c0 {
|
||
color: #fff;
|
||
font-size: 40rpx;
|
||
font-weight: 700;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.myPage_fd1_0 {
|
||
// background: #FFFFFF;
|
||
background: linear-gradient(359deg, #FD8218 0%, #FFAB38 100%);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.myPage_flex_2 {
|
||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.myPage_fd2_1_c1_c2_c0_c2 {
|
||
width: 33.3%;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 52rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.myPage_fd2_1_c1_c2_c0_c1 {
|
||
width: 33.3%;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 52rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.myPage_fd2_1_c1_c2_c0_c0 {
|
||
width: 33.3%;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 52rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.myPage_fd2_1_c1_c2_c0 {
|
||
margin: 32rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd2_1_c1_c1_c2 {
|
||
// max-width: 168rpx;
|
||
width: 33.3%;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 52rpx;
|
||
}
|
||
|
||
.myPage_fd2_1_c1_c1_c1 {
|
||
// max-width: 168rpx;
|
||
width: 33.3%;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 52rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.myPage_fd2_1_c1_c1_c0 {
|
||
// max-width: 168rpx;
|
||
width: 33.3%;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 52rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.myPage_fd2_1_c1_c1 {
|
||
margin: 40rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd2_1_c1_c0_c0 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 52rpx;
|
||
}
|
||
|
||
.myPage_fd2_1_c1 {
|
||
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/157.png) no-repeat, #eee;
|
||
margin: 41rpx 0rpx 0rpx 0rpx;
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
background-size: 100% 100% !important;
|
||
padding: 33rpx 32rpx 32rpx 32rpx;
|
||
}
|
||
|
||
.share {
|
||
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/156.png) no-repeat, transparent;
|
||
// background: url(../../../static/share_bg.png) no-repeat, transparent;
|
||
width: 284rpx;
|
||
height: 88rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
background-size: 100% 100% !important;
|
||
}
|
||
|
||
.myPage_fd2_1_c0_c1_c1 {
|
||
width: 284rpx;
|
||
height: 88rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
|
||
}
|
||
|
||
.myPage_fd2_1_c0_c1_c0 {
|
||
width: 284rpx;
|
||
height: 88rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd2_1_c0_c1 {
|
||
margin: 60rpx 0rpx 0rpx 0rpx;
|
||
padding: 0rpx 18rpx 0rpx 18rpx;
|
||
}
|
||
|
||
.myPage_fd2_1_c0_c0_c0 {
|
||
width: 286rpx;
|
||
height: 286rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd2_1_c0 {
|
||
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/153.png) no-repeat, rgba(253, 174, 79, 1);
|
||
background-size: 100% auto !important;
|
||
border-radius: 40rpx 40rpx 40rpx 40rpx;
|
||
padding: 50rpx 0rpx 41rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd2_1 {
|
||
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/152.png) no-repeat, #eee;
|
||
border-radius: 40rpx 40rpx 40rpx 40rpx;
|
||
// background-size: 100% auto !important;
|
||
padding: 32rpx 34rpx 32rpx 34rpx;
|
||
margin: 24rpx 0rpx 0rpx 0rpx;
|
||
background-size: cover;
|
||
}
|
||
|
||
.myPage_fd2_0_c0 {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_flex_3 {
|
||
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
||
padding: 24rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c7_c1 {
|
||
margin: 18rpx 0rpx 0rpx 0rpx;
|
||
font-size: 24rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
max-width: 97rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c7_c0 {
|
||
width: 55rpx;
|
||
height: 55rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c7 {
|
||
margin: 30rpx 37rpx 8rpx 37rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c6_c1 {
|
||
margin: 18rpx 0rpx 0rpx 0rpx;
|
||
font-size: 24rpx;
|
||
max-width: 97rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c6_c0 {
|
||
width: 55rpx;
|
||
height: 55rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c6 {
|
||
margin: 30rpx 37rpx 8rpx 37rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c5_c1 {
|
||
margin: 18rpx 0rpx 0rpx 0rpx;
|
||
font-size: 24rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
max-width: 97rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c5_c0 {
|
||
width: 55rpx;
|
||
height: 55rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c5 {
|
||
margin: 30rpx 37rpx 8rpx 37rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c4_c1 {
|
||
margin: 18rpx 0rpx 0rpx 0rpx;
|
||
font-size: 24rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
max-width: 97rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c4_c0 {
|
||
width: 55rpx;
|
||
height: 55rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c4 {
|
||
margin: 30rpx 37rpx 8rpx 37rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c3_c1 {
|
||
margin: 18rpx 0rpx 0rpx 0rpx;
|
||
font-size: 24rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
max-width: 97rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c3_c0 {
|
||
width: 55rpx;
|
||
height: 55rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c3 {
|
||
margin: 30rpx 37rpx 8rpx 37rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c2_c1 {
|
||
margin: 18rpx 0rpx 0rpx 0rpx;
|
||
font-size: 24rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
max-width: 97rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c2_c0 {
|
||
width: 55rpx;
|
||
height: 55rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c2 {
|
||
margin: 30rpx 37rpx 8rpx 37rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c1_c1 {
|
||
margin: 18rpx 0rpx 0rpx 0rpx;
|
||
font-size: 24rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
max-width: 97rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c1_c0 {
|
||
width: 55rpx;
|
||
height: 55rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c1 {
|
||
margin: 30rpx 37rpx 8rpx 37rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c0_c1 {
|
||
margin: 18rpx 0rpx 0rpx 0rpx;
|
||
font-size: 24rpx;
|
||
max-width: 97rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c0_c0 {
|
||
width: 55rpx;
|
||
height: 55rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd3_0_c0_c0 {
|
||
margin: 30rpx 37rpx 8rpx 37rpx;
|
||
}
|
||
|
||
.myPage_fd3_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
background-size: 100% auto !important;
|
||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
}
|
||
|
||
.myPage_flex_4 {
|
||
padding: 24rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.myPage_fd4_0_c1_c1 {
|
||
color: #FFFFFF;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.myPage_fd4_0_c1_c0 {
|
||
color: #FFFFFF;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.myPage_fd4_0_c1 {
|
||
margin: 28rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.myPage_fd4_0_c0_c1 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.myPage_fd4_0_c0_c0 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.myPage_fd4_0 {
|
||
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/158.png) no-repeat, #eee;
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 27rpx 32rpx 25rpx 32rpx;
|
||
}
|
||
</style> |