|
|
|
|
@ -1,5 +1,6 @@ |
|
|
|
|
<template> |
|
|
|
|
<view :style="viewColor"> |
|
|
|
|
<!-- :style="viewColor" --> |
|
|
|
|
<view class="header"> |
|
|
|
|
<skeleton :show="showSkeleton" :isNodes="isNodes" ref="skeleton" loading="chiaroscuro" selector="skeleton" |
|
|
|
|
bgcolor="transparent"></skeleton> |
|
|
|
|
<!-- 自定义顶部背景颜色 --> |
|
|
|
|
@ -55,11 +56,14 @@ |
|
|
|
|
<view class="icon"> |
|
|
|
|
<image src="/static/images/edit.png" mode=""></image> |
|
|
|
|
</view> |
|
|
|
|
<view style="margin-left: 30rpx;"> |
|
|
|
|
推荐人：{{recommendPeopleText}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="phone" v-if="!userInfo.phone && isLogin" @tap="bindPhone">绑定手机号</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="num-wrapper skeleton-rect"> |
|
|
|
|
<!-- <view class="num-wrapper skeleton-rect"> |
|
|
|
|
<view class="num-item" @click="goMenuPage('/pages/users/user_goods_collection/index')"> |
|
|
|
|
<text class="num">{{userInfo.total_collect_product || 0}}</text> |
|
|
|
|
<view class="txt">我的收藏</view> |
|
|
|
|
@ -76,8 +80,27 @@ |
|
|
|
|
<text class="num">{{userInfo.total_coupon || 0}}</text> |
|
|
|
|
<view class="txt">优惠券</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="num-wrapper skeleton-rect"> |
|
|
|
|
<view class="num-item" @click="goOtherPage('/pages/users/user_integral1/index')"> |
|
|
|
|
<text class="num">200</text> |
|
|
|
|
<view class="txt">余额</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="num-item" @click="goOtherPage('/pages/users/user_integral/index')"> |
|
|
|
|
<text class="num">3000</text> |
|
|
|
|
<view class="txt">累计收益</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="num-item" @click="goOtherPage('/pages/users/user_integral1/fenhong')"> |
|
|
|
|
<text class="num">20</text> |
|
|
|
|
<view class="txt">积分</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="num-item" @click="goOtherPage('/pages/users/user_integral1/user_contribute')"> |
|
|
|
|
<text class="num">3</text> |
|
|
|
|
<view class="txt">优惠券</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<view @click="goSvip" class="cardVipA acea-row row-between-wrapper" v-if="svip_switch_status == 1"> |
|
|
|
|
<!-- <view @click="goSvip" class="cardVipA acea-row row-between-wrapper" v-if="svip_switch_status == 1"> |
|
|
|
|
<image class="svip_user" :src="`${domain}/static/images/svip_user.png`"></image> |
|
|
|
|
<view class="left-box"> |
|
|
|
|
<view v-if="userInfo.is_svip > 0" class="small">累计为您节省{{userInfo.svip_save_money}}元</view> |
|
|
|
|
@ -87,13 +110,14 @@ |
|
|
|
|
<view class="acea-row row-middle"> |
|
|
|
|
<view class="btn-open">{{userInfo.is_svip > 0 && userInfo.is_svip != 3 ? '立即续费' : userInfo.is_svip == 3 ? '终身会员' : '立即开通'}}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="right-btn"> |
|
|
|
|
<view class="iconfont icon-shezhi" v-if="isLogin" @click="goSetting()"></view> |
|
|
|
|
<!-- <view class="iconfont icon-shezhi" v-if="isLogin" @click="goSetting()"></view> |
|
|
|
|
<view class="btn" @click="authTo('/pages/chat/customer_list/index?type=0')" hover-class="none"> |
|
|
|
|
<view class="iconfont icon-xiaoxi"></view> |
|
|
|
|
<text class="iconnum" v-if="userInfo.total_unread">{{userInfo.total_unread}}</text> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<image src="/static/images/setting.png" mode="" v-if="isLogin" @click="goSetting()" style="width:40rpx;height:40rpx;"></image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -103,14 +127,15 @@ |
|
|
|
|
<view class="left">我的订单</view> |
|
|
|
|
<view class="right flex" @click="authTo('/pages/users/order_list/index?status=-1')" hover-class="none" open-type="navigate"> |
|
|
|
|
全部订单 |
|
|
|
|
<text class="iconfont icon-xiangyou"></text> |
|
|
|
|
<text style="font-size:24rpx;" class="iconfont icon-xiangyou"></text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="order-bd"> |
|
|
|
|
<block v-for="(item,index) in orderMenu" :key="index"> |
|
|
|
|
<view class="order-item" @click="authTo(item.url)" hover-class="none"> |
|
|
|
|
<view class="pic"> |
|
|
|
|
<text class="iconfont" :class="item.icon"></text> |
|
|
|
|
<!-- <text class="iconfont" :class="item.icon"></text> --> |
|
|
|
|
<image :src="item.icon" mode="widthFix" style="width:60rpx;height:60rpx"></image> |
|
|
|
|
<text class="order-status-num" v-if="item.num > 0">{{ item.num }}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="txt skeleton-rect">{{item.title}}</view> |
|
|
|
|
@ -131,6 +156,21 @@ |
|
|
|
|
</block> |
|
|
|
|
</swiper> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="user-menus shequn"> |
|
|
|
|
<view class="title skeleton-rect">我的社群<text class="iconfont icon-xiangyou" style="font-size:24rpx"></text></view> |
|
|
|
|
<view class="sqContent"> |
|
|
|
|
<view class="sqItem"> |
|
|
|
|
<view class="num">28</view> |
|
|
|
|
<view class="txt">累计人群</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="sqItem"> |
|
|
|
|
<view class="num">2000</view> |
|
|
|
|
<view class="txt">今日营业额</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 会员菜单 --> |
|
|
|
|
<view class="user-menus" style="margin-top: 20rpx;"> |
|
|
|
|
<view class="title skeleton-rect">我的服务</view> |
|
|
|
|
@ -185,14 +225,14 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="copyright.status !== -1" class="copy-right"> |
|
|
|
|
<!-- <view v-if="copyright.status !== -1" class="copy-right"> |
|
|
|
|
<image class="img-copyright" :src="copyright.image" mode="widthFix"></image> |
|
|
|
|
<view class="text">{{copyright.Copyright}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-else class="copy-right"> |
|
|
|
|
<view class="iconfont icon-crmeb"></view> |
|
|
|
|
<view class="text">©️众邦科技版权所有</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view style="height: 50rpx;"></view> |
|
|
|
|
<!-- #ifndef H5 --> |
|
|
|
|
<passwordPopup></passwordPopup> |
|
|
|
|
@ -259,31 +299,31 @@ |
|
|
|
|
showSkeleton: true, //骨架屏显示隐藏 |
|
|
|
|
isNodes: 0, //控制什么时候开始抓取元素节点,只要数值改变就重新抓取 |
|
|
|
|
orderMenu: [{ |
|
|
|
|
icon: 'icon-daifukuan1', |
|
|
|
|
icon: '/static/images/o1.png', |
|
|
|
|
title: '待付款', |
|
|
|
|
url: '/pages/users/order_list/index?status=0', |
|
|
|
|
num: 0 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
icon: 'icon-daifahuo1', |
|
|
|
|
icon: '/static/images/o2.png', |
|
|
|
|
title: '待发货', |
|
|
|
|
url: '/pages/users/order_list/index?status=1', |
|
|
|
|
num: 0 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
icon: 'icon-daishouhuo1', |
|
|
|
|
icon: '/static/images/o3.png', |
|
|
|
|
title: '待收货', |
|
|
|
|
url: '/pages/users/order_list/index?status=2', |
|
|
|
|
num: 0 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
icon: 'icon-daipingjia1', |
|
|
|
|
icon: '/static/images/o4.png', |
|
|
|
|
title: '待评价', |
|
|
|
|
url: '/pages/users/order_list/index?status=3', |
|
|
|
|
num: 0 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
icon: 'icon-a-shouhoutuikuan1', |
|
|
|
|
icon: '/static/images/o5.png', |
|
|
|
|
title: '售后/退款', |
|
|
|
|
url: '/pages/users/refund/list', |
|
|
|
|
num: 0 |
|
|
|
|
@ -355,6 +395,20 @@ |
|
|
|
|
}, 500) |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
goOtherPage(url){ |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url:url |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
goSetting() { |
|
|
|
|
if(this.isLogin){ |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/users/user_setting/index' |
|
|
|
|
}) |
|
|
|
|
}else{ |
|
|
|
|
this.openAuto() |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
authTo(url){ |
|
|
|
|
if(this.isLogin){ |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
@ -589,6 +643,12 @@ |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.header{ |
|
|
|
|
// width: 750px; |
|
|
|
|
// height: 546px; |
|
|
|
|
height: 546rpx; |
|
|
|
|
// background: linear-gradient(-90deg, #89B929, #116636); |
|
|
|
|
} |
|
|
|
|
.cardVipA { |
|
|
|
|
position: absolute; |
|
|
|
|
background: linear-gradient(145deg, #F8E3A8 0%, #E8C077 100%); |
|
|
|
|
@ -632,12 +692,13 @@ |
|
|
|
|
} |
|
|
|
|
.new-users { |
|
|
|
|
.head { |
|
|
|
|
background: #fff; |
|
|
|
|
// background: #fff; |
|
|
|
|
background: linear-gradient(-90deg, #89B929, #116636); |
|
|
|
|
.user-card { |
|
|
|
|
position: relative; |
|
|
|
|
width: 100%; |
|
|
|
|
padding: 35rpx 0 50rpx; |
|
|
|
|
background-image: linear-gradient(90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%); |
|
|
|
|
// background-image: linear-gradient(90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%); |
|
|
|
|
&.svip-card{ |
|
|
|
|
padding: 35rpx 0 120rpx; |
|
|
|
|
} |
|
|
|
|
@ -661,13 +722,13 @@ |
|
|
|
|
border: none; |
|
|
|
|
} |
|
|
|
|
.avatar-box{ |
|
|
|
|
width: 120rpx; |
|
|
|
|
height: 120rpx; |
|
|
|
|
width: 110rpx; |
|
|
|
|
height: 110rpx; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
position: relative; |
|
|
|
|
.avatar,image{ |
|
|
|
|
width: 120rpx; |
|
|
|
|
height: 120rpx; |
|
|
|
|
width: 110rpx; |
|
|
|
|
height: 110rpx; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
} |
|
|
|
|
&.on { |
|
|
|
|
@ -695,7 +756,7 @@ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
margin-left: 20rpx; |
|
|
|
|
margin-left: 25rpx; |
|
|
|
|
padding: 15rpx 0; |
|
|
|
|
.name { |
|
|
|
|
display: flex; |
|
|
|
|
@ -731,18 +792,18 @@ |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
margin: 30rpx 20rpx 0; |
|
|
|
|
margin: 28rpx 20rpx 0; |
|
|
|
|
color: #fff; |
|
|
|
|
.num-item { |
|
|
|
|
width: 25%; |
|
|
|
|
text-align: center; |
|
|
|
|
.num { |
|
|
|
|
font-size: 42rpx; |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-size: 36rpx; |
|
|
|
|
// font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.txt { |
|
|
|
|
margin-top: 8rpx; |
|
|
|
|
font-size: 22rpx; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
color: rgba(255, 255, 255, 0.6); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@ -768,7 +829,7 @@ |
|
|
|
|
.wrapper { |
|
|
|
|
position: relative; |
|
|
|
|
padding: 0 20rpx; |
|
|
|
|
margin-top: 20rpx; |
|
|
|
|
margin-top: -48px; |
|
|
|
|
} |
|
|
|
|
.order-wrapper { |
|
|
|
|
background-color: #fff; |
|
|
|
|
@ -785,8 +846,8 @@ |
|
|
|
|
} |
|
|
|
|
.right { |
|
|
|
|
align-items: center; |
|
|
|
|
color: #666666; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
color: #999999; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
.icon-xiangyou { |
|
|
|
|
margin-left: 5rpx; |
|
|
|
|
margin-top: 6rpx; |
|
|
|
|
@ -884,6 +945,42 @@ |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.shequn{ |
|
|
|
|
margin-top:20rpx; |
|
|
|
|
.title{ |
|
|
|
|
display: flex; |
|
|
|
|
width: 100%; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
.sqContent{ |
|
|
|
|
|
|
|
|
|
padding: 30rpx 0 0 0; |
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
.sqItem{ |
|
|
|
|
flex:1; |
|
|
|
|
text-align: center; |
|
|
|
|
.num{ |
|
|
|
|
|
|
|
|
|
font-family: Alibaba PuHuiTi; |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 36rpx; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
.txt{ |
|
|
|
|
|
|
|
|
|
font-family: Alibaba PuHuiTi; |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
margin-top:23rpx; |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.phone { |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
@ -988,7 +1085,7 @@ |
|
|
|
|
z-index: 99; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 30rpx; |
|
|
|
|
top: 40rpx; |
|
|
|
|
top: 70rpx; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
color: #fff; |
|
|
|
|
|
liudan
6 months ago
