1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312 |
- <template>
- <view class="new-users copy-data" :style="{height:pageHeight}">
- <view class="top" :style="colorStyle">
- <!-- #ifdef MP || APP-PLUS -->
- <view class="sys-head">
- <view class="sys-bar" :style="{height:sysHeight}"></view>
- <!-- #ifdef MP -->
- <view class="sys-title" :style="member_style==3?'color:#333':''">{{$t('个人中心')}}</view>
- <!-- #endif -->
- <view class="bg" :style="member_style==3?'background:#f5f5f5':''"></view>
- </view>
- <!-- #endif -->
- </view>
- <view class="mid" style="flex:1;overflow: hidden;" :style="colorStyle">
- <scroll-view scroll-y="true" style="height: 100%;">
- <view class="head">
- <view class="user-card" :class="member_style==3?'unBg':''">
- <view class="bg"></view>
- <view class="user-info">
- <view>
- <!-- #ifndef APP-PLUS -->
- <view class="avatar-box" :class="{on:userInfo.is_money_level}">
- <image class="avatar" :src='userInfo.avatar' v-if="userInfo.avatar"
- @click="goEdit()">
- </image>
- <image v-else class="avatar" src="/static/images/f.png" mode="" @click="goEdit()">
- </image>
- <view class="headwear" v-if="userInfo.is_money_level && userInfo.svip_open">
- <image src="/static/images/headwear.png"></image>
- </view>
- </view>
- <!-- #endif -->
- <!-- #ifdef APP-PLUS -->
- <view class="avatar-box" :class="{on:userInfo.is_money_level}">
- <image class="avatar" :src='userInfo.avatar' v-if="userInfo.avatar"
- @click="goEdit()">
- </image>
- <image v-else class="avatar" src="/static/images/f.png" mode="" @click="goEdit()">
- </image>
- <view class="headwear" v-if="userInfo.is_money_level && userInfo.svip_open">
- <image src="/static/images/headwear.png"></image>
- </view>
- </view>
- <!-- #endif -->
- </view>
- <view class="info">
- <!-- #ifdef MP -->
- <view class="name" v-if="!userInfo.uid" @click="openAuto"
- style="height: 100%; display: flex; align-items: center;">
- {{$t('请点击授权')}}
- </view>
- <!-- #endif -->
- <!-- #ifdef H5 -->
- <view class="name" v-if="!userInfo.uid && isWeixin" @click="openAuto"
- style="height: 100%; display: flex; align-items: center;">
- {{$t('请点击授权')}}
- </view>
- <!-- #endif -->
- <view class="name" v-if="userInfo.uid">
- {{userInfo.nickname}}
- <image class="live" :src="userInfo.vip_icon" v-if="userInfo.vip_icon"></image>
- <view class="vip" v-if="userInfo.is_money_level> 0 && userInfo.svip_open">
- <image src="/static/images/svip.png"></image>
- </view>
- </view>
- <view class="num" v-if="userInfo.phone" @click="goEdit()">
- <view class="num-txt">ID:{{userInfo.uid}}</view>
- <!-- <view class="icon">
- <image src="/static/images/edit.png" mode=""></image>
- </view> -->
- </view>
- <view class="phone" v-if="!userInfo.phone && isLogin" @tap="bindPhone">
- {{$t('绑定手机号')}}
- </view>
- </view>
- <view class="message">
- <navigator url="/pages/users/user_info/index" hover-class="none">
- <view class="iconfont icon-shezhi"></view>
- </navigator>
- </view>
- </view>
- <view class="num-wrapper">
- <view class="num-item" v-if="userInfo.balance_func_status"
- @click="goMenuPage('/pages/users/user_money/index')">
- <text class="num">{{userInfo.now_money || 0}}</text>
- <view class="txt">{{$t('余额')}}</view>
- </view>
- <view class="num-item" @click="goMenuPage('/pages/users/user_spread_money/index?type=2')">
- <text class="num">{{userInfo.brokerage_price || 0}}</text>
- <view class="txt">{{$t('佣金')}}</view>
- </view>
- <view class="num-item" @click="goMenuPage('/pages/users/message_center/index')">
- <text class="num">{{userInfo.service_num >= 100 ? '99+' : userInfo.service_num}}</text>
- <view class="txt">{{$t('消息')}}</view>
- </view>
- </view>
- </view>
- <view class="order-wrapper" style="margin-top: -100rpx;" :class="userInfo.svip_open?'':'height'">
- <view class="order-hd flex">
- <view class="left">{{$t('订单中心')}}</view>
- <navigator class="right flex" hover-class="none" url="/pages/goods/order_list/index"
- open-type="navigate">
- {{$t('查看全部')}}
- <text class="iconfont icon-xiangyou"></text>
- </navigator>
- </view>
- <view class="order-bd">
- <block v-for="(item,index) in orderMenu" :key="index">
- <navigator class="order-item" hover-class="none" :url="item.url">
- <view class="pic">
- <!-- <image :src="item.img" mode=""></image> -->
- <text class="iconfont" :class="item.img"></text>
- <text class="order-status-num" v-if="item.num > 0">{{ item.num > 99?'99+':item.num }}</text>
- </view>
- <view class="txt">{{$t(item.title)}}</view>
- </navigator>
- </block>
- </view>
- </view>
- <view class="order-wrapper" :class="userInfo.svip_open?'':'height'">
- <view class="order-hd flex">
- <view class="left">我的服务</view>
- <navigator class="right flex" hover-class="none" url="/pages/rent/orderList?status=-1"
- open-type="navigate">
- {{$t('查看全部')}}
- <text class="iconfont icon-xiangyou"></text>
- </navigator>
- </view>
- <view class="order-bd">
- <block v-for="(item,index) in rentMenu" :key="index">
- <navigator class="order-item max-width" hover-class="none" :url="item.url">
- <view class="pic">
- <text class="iconfont" :class="item.img"></text>
- <text class="order-status-num" v-if="item.num > 0">{{ item.num > 99?'99+':item.num }}</text>
- </view>
- <view class="txt">{{ item.title }}</view>
- </navigator>
- </block>
- </view>
- </view>
- </view>
- <!-- 轮播 -->
- <view class="slider-wrapper" v-if="imgUrls.length>0 && my_banner_status">
- <swiper indicator-dots="true" :autoplay="autoplay" :circular="circular" :interval="interval"
- :duration="duration" indicator-color="rgba(255,255,255,0.6)" indicator-active-color="#fff">
- <block v-for="(item,index) in imgUrls" :key="index">
- <swiper-item>
- <view @click="goMenuPage(item.url)" class='slide-navigator acea-row row-between-wrapper'
- hover-class='none'>
- <image :src="item.pic" class="slide-image"></image>
- </view>
- </swiper-item>
- </block>
- </swiper>
- </view>
- <!-- 会员菜单 -->
- <view class="user-menus" style="margin-top: 20rpx;">
- <view class="list-box">
- <!-- #ifdef APP-PLUS || H5 -->
- <block v-for="(item,index) in MyMenus" :key="index">
- <view class="item" v-if="item.url!='#' && item.url!='/pages/service/index'"
- @click="goMenuPage(item.url, item.name)">
- <view class="acea-row row-middle">
- <image :src="item.pic"></image>
- <view>{{$t(item.name)}}</view>
- </view>
- <view class="iconfont icon-xiangyou"></view>
- </view>
- </block>
- <!-- #endif -->
- <!-- #ifdef MP -->
- <block v-for="(item,index) in MyMenus" :key="index">
- <view class="item" v-if="item.url!='#'
- && item.url!='/pages/service/index'
- && item.url!='/pages/extension/customer_list/chat'
- || (item.url=='/pages/extension/customer_list/chat' && routineContact == 0)"
- @click="goMenuPage(item.url, item.name)">
- <image :src="item.pic"></image>
- <text>{{$t(item.name)}}</text>
- </view>
- </block>
- <button class="item" open-type='contact' v-if="routineContact == 1">
- <image src="/static/images/contact.png"></image>
- <text>{{$t('联系客服')}}</text>
- </button>
- <!-- #endif -->
- <!-- #ifdef APP-PLUS -->
- <view class="item" hover-class="none" @click="goMenuPage('/pages/users/privacy/index?type=3')">
- <view class="acea-row row-middle">
- <image src="/static/images/menu.png"></image>
- <text>{{$t('隐私协议')}}</text>
- </view>
- <view class="iconfont icon-xiangyou"></view>
- </view>
- <!-- #endif -->
- </view>
- </view>
- <image :src="copyRightPic" alt="" class='support'></image>
- <view class="uni-p-b-98"></view>
- </scroll-view>
- <editUserModal :isShow="editModal" @closeEdit="closeEdit" @editSuccess="editSuccess">
- </editUserModal>
- </view>
- <pageFooter></pageFooter>
- </view>
- </template>
- <script>
- let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
- import {
- getMenuList,
- getUserInfo,
- setVisit,
- updateUserInfo
- } from '@/api/user.js';
- import {
- wechatAuthV2,
- silenceAuth
- } from '@/api/public.js'
- import {
- toLogin
- } from '@/libs/login.js';
- import {
- mapState,
- mapGetters
- } from "vuex";
- // #ifdef H5
- import Auth from '@/libs/wechat';
- // #endif
- const app = getApp();
- import dayjs from '@/plugin/dayjs/dayjs.min.js';
- import Routine from '@/libs/routine';
- import colors from '@/mixins/color';
- import pageFooter from '@/components/pageFooter/index.vue'
- import {
- getCustomer
- } from '@/utils/index.js'
- import editUserModal from '@/components/eidtUserModal/index.vue'
- export default {
- components: {
- pageFooter,
- editUserModal
- },
- // computed: mapGetters(['isLogin','cartNum']),
- computed: {
- ...mapGetters({
- cartNum: 'cartNum',
- isLogin: 'isLogin'
- })
- },
- filters: {
- coundTime(val) {
- var setTime = val * 1000
- var nowTime = new Date()
- var rest = setTime - nowTime.getTime()
- var day = parseInt(rest / (60 * 60 * 24 * 1000))
- // var hour = parseInt(rest/(60*60*1000)%24) //小时
- return day + this.$t('day')
- },
- dateFormat: function(value) {
- return dayjs(value * 1000).format('YYYY-MM-DD');
- }
- },
- mixins: [colors],
- data() {
- return {
- editModal: false, // 编辑头像信息
- orderMenu: [
- {
- img: 'icon-daifukuan',
- title: '待付款',
- url: '/pages/goods/order_list/index?status=0'
- },
- {
- img: 'icon-daifahuo',
- title: '待发货',
- url: '/pages/goods/order_list/index?status=1'
- },
- {
- img: 'icon-daishouhuo',
- title: '待收货',
- url: '/pages/goods/order_list/index?status=2'
- },
- {
- img: 'icon-daipingjia',
- title: '待评价',
- url: '/pages/goods/order_list/index?status=3'
- },
- {
- img: 'icon-a-shouhoutuikuan',
- title: '售后/退款',
- url: '/pages/users/user_return_list/index'
- },
- ],
- rentMenu: [{
- img: 'icon-daifukuan-ju',
- title: '待支付',
- url: '/pages/rent/order/orderList?status=0'
- },{
- img: 'icon-daifahuo-ju',
- title: '进行中',
- url: '/pages/rent/order/orderList?status=1'
- }, {
- img: 'icon-daishouhuo-ju',
- title: '已完成',
- url: '/pages/rent/order/orderList?status=2'
- }, {
- img: 'icon-shouhou-tuikuan-ju',
- title: '已释放',
- url: '/pages/rent/order/orderList?status=3'
- }],
- imgUrls: [],
- autoplay: true,
- circular: true,
- interval: 3000,
- duration: 500,
- isAuto: false, //没有授权的不会自动授权
- isShowAuth: false, //是否隐藏授权
- orderStatusNum: {},
- rentStatusNum: {}, //我的服务数量
- userInfo: {},
- MyMenus: [],
- sysHeight: sysHeight,
- mpHeight: 0,
- showStatus: 1,
- activeRouter: '',
- // #ifdef H5 || MP
- pageHeight: '100%',
- routineContact: 0,
- // #endif
- // #ifdef APP-PLUS
- pageHeight: app.globalData.windowHeight,
- // #endif
- // #ifdef H5
- isWeixin: Auth.isWeixin(),
- //#endif
- footerSee: false,
- member_style: 1,
- my_banner_status: 1,
- is_diy: uni.getStorageSync('is_diy'),
- copyRightPic: '/static/images/support.png', //版权图片
- }
- },
- onLoad(option) {
- uni.hideTabBar()
- let that = this;
- // #ifdef MP
- // 小程序静默授权
- if (!this.$store.getters.isLogin) {
- // Routine.getCode()
- // .then(code => {
- // Routine.silenceAuth(code).then(res => {
- // this.onLoadFun();
- // })
- // })
- // .catch(res => {
- // uni.hideLoading();
- // });
- }
- // #endif
- // #ifdef H5 || APP-PLUS
- if (that.isLogin == false) {
- toLogin()
- }
- //获取用户信息回来后授权
- let cacheCode = this.$Cache.get('snsapi_userinfo_code');
- let res1 = cacheCode ? option.code != cacheCode : true;
- if (this.isWeixin && option.code && res1 && option.scope === 'snsapi_userinfo') {
- this.$Cache.set('snsapi_userinfo_code', option.code);
- Auth.auth(option.code).then(res => {
- this.getUserInfo();
- }).catch(err => {})
- }
- // #endif
- // #ifdef APP-PLUS
- that.$set(that, 'pageHeight', app.globalData.windowHeight);
- // #endif
- let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
- let curRoute = routes[routes.length - 1].route //获取当前页面路由
- this.activeRouter = '/' + curRoute
- this.getCopyRight();
- },
- onReady() {
- let self = this
- // #ifdef MP
- let info = uni.createSelectorQuery().select(".sys-head");
- info.boundingClientRect(function(data) { //data - 各种参数
- self.mpHeight = data.height
- }).exec()
- // #endif
- },
- onShow: function() {
- let that = this;
- // #ifdef APP-PLUS
- uni.getSystemInfo({
- success: function(res) {
- that.pageHeight = res.windowHeight + 'px'
- }
- });
- // #endif
- if (that.isLogin) {
- this.getUserInfo();
- this.getMyMenus();
- this.setVisit();
- };
- this.getCopyRight();
- },
- onPullDownRefresh() {
- this.onLoadFun();
- },
- methods: {
- getWechatuserinfo() {
- //#ifdef H5
- Auth.isWeixin() && Auth.toAuth('snsapi_userinfo', '/pages/user/index');
- //#endif
- },
- getRoutineUserInfo(e) {
- updateUserInfo({
- userInfo: e.detail.userInfo
- }).then(res => {
- this.getUserInfo();
- return this.$util.Tips(this.$t('更新用户信息成功'));
- }).catch(res => {
- })
- },
- editSuccess() {
- this.editModal = false
- this.getUserInfo();
- },
- closeEdit() {
- this.editModal = false
- },
- // 记录会员访问
- setVisit() {
- setVisit({
- url: '/pages/user/index'
- }).then(res => {})
- },
- // 打开授权
- openAuto() {
- toLogin();
- },
- // 授权回调
- onLoadFun() {
- this.getUserInfo();
- this.getMyMenus();
- this.setVisit();
- },
- Setting: function() {
- uni.openSetting({
- success: function(res) {}
- });
- },
- // 授权关闭
- authColse: function(e) {
- this.isShowAuth = e
- },
- // 绑定手机
- bindPhone() {
- uni.navigateTo({
- url: '/pages/users/user_phone/index'
- })
- },
- /**
- * 获取个人用户信息
- */
- getUserInfo: function() {
- let that = this;
- getUserInfo().then(res => {
- that.userInfo = res.data
- that.$store.commit("SETUID", res.data.uid);
- that.rentMenu.forEach((item, index) => {
- switch (item.title) {
- case '待支付':
- item.num = res.data.rentStatusNum.unpaid_count
- break
- break
- case '进行中':
- item.num = res.data.rentStatusNum.progress_count+res.data.rentStatusNum.not_binding_count
-
- break
- case '已完成':
- item.num = res.data.rentStatusNum.finish_count
- break
- case '已释放':
- item.num = res.data.rentStatusNum.unbinding_count
- break
- }
- });
- that.orderMenu.forEach((item, index) => {
- switch (item.title) {
- case '待付款':
- item.num = res.data.orderStatusNum.unpaid_count
- break
- case '待发货':
- item.num = res.data.orderStatusNum.unshipped_count
- break
- case '待收货':
- item.num = res.data.orderStatusNum.received_count
- break
- case '待评价':
- item.num = res.data.orderStatusNum.evaluated_count
- break
- case '售后/退款':
- item.num = res.data.orderStatusNum.refunding_count
- break
- }
- })
- uni.stopPullDownRefresh();
- });
- },
- //小程序授权api替换 getUserInfo
- getUserProfile() {
- toLogin();
- },
- /**
- *
- * 获取个人中心图标
- */
- switchTab(order) {
- this.orderMenu.forEach((item, index) => {
- switch (item.title) {
- case '待付款':
- item.img = order.dfk
- break
- case '待发货':
- item.img = order.dfh
- break
- case '待收货':
- item.img = order.dsh
- break
- case '待评价':
- item.img = order.dpj
- break
- case '售后/退款':
- item.img = order.sh
- break
- }
- })
- },
- getMyMenus: function() {
- let that = this;
- // if (this.MyMenus.length) return;
- getMenuList().then(res => {
- let storeMenu = []
- let myMenu = []
- res.data.routine_my_menus.forEach((el, index, arr) => {
- if (el.url == '/pages/admin/order/index' || el.url ==
- '/pages/admin/order_cancellation/index' || el.name ==
- '客服接待') {
- storeMenu.push(el)
- } else {
- myMenu.push(el)
- }
- })
- this.member_style = Number(res.data.diy_data.value)
- this.my_banner_status = res.data.diy_data.my_banner_status
- let order01 = {
- dfk: 'icon-daifukuan',
- dfh: 'icon-daifahuo',
- dsh: 'icon-daishouhuo',
- dpj: 'icon-daipingjia',
- sh: 'icon-a-shouhoutuikuan'
- }
- let order02 = {
- dfk: 'icon-daifukuan-lan',
- dfh: 'icon-daifahuo-lan',
- dsh: 'icon-daishouhuo-lan',
- dpj: 'icon-daipingjia-lan',
- sh: 'icon-shouhou-tuikuan-lan'
- }
- let order03 = {
- dfk: 'icon-daifukuan-ju',
- dfh: 'icon-daifahuo-ju',
- dsh: 'icon-daishouhuo-ju',
- dpj: 'icon-daipingjia-ju',
- sh: 'icon-shouhou-tuikuan-ju'
- }
- let order04 = {
- dfk: 'icon-daifukuan-fen',
- dfh: 'icon-daifahuo-fen',
- dsh: 'icon-daishouhuo-fen',
- dpj: 'icon-daipingjia-fen',
- sh: 'icon-a-shouhoutuikuan-fen'
- }
- let order05 = {
- dfk: 'icon-daifukuan-lv',
- dfh: 'icon-daifahuo-lv',
- dsh: 'icon-daishouhuo-lv',
- dpj: 'icon-daipingjia-lv',
- sh: 'icon-shouhou-tuikuan-lv'
- }
- switch (res.data.diy_data.order_status) {
- case 1:
- this.switchTab(order01)
- break
- case 2:
- this.switchTab(order02)
- break
- case 3:
- this.switchTab(order03)
- break
- case 4:
- this.switchTab(order04)
- break
- case 5:
- this.switchTab(order05)
- break
- }
- that.$set(that, 'MyMenus', myMenu);
- that.$set(that, 'storeMenu', storeMenu);
- this.imgUrls = res.data.routine_my_banner
- this.routineContact = Number(res.data.routine_contact_type)
- });
- },
- // 编辑页面
- goEdit() {
- if (this.isLogin == false) {
- toLogin();
- } else {
- // #ifdef MP
- if (this.userInfo.is_default_avatar) {
- this.editModal = true
- return
- }
- // #endif
- uni.navigateTo({
- url: '/pages/users/user_info/index'
- })
- }
- },
- // 签到
- goSignIn() {
- uni.navigateTo({
- url: '/pages/users/user_sgin/index'
- })
- },
- // goMenuPage
- goMenuPage(url, name) {
- if (this.isLogin) {
- if (url.indexOf('http') === -1) {
- // #ifdef H5 || APP-PLUS
- if (name && name === '客服接待') {
- // return window.location.href = `${location.origin}${url}`
- return uni.navigateTo({
- url: `/pages/annex/web_view/index?url=${location.origin}${url}`
- });
- } else if (name && name === '联系客服') {
- return getCustomer(url)
- } else if (name === '订单核销') {
- return uni.navigateTo({
- url: url
- });
- // return window.location.href = `${location.origin}${url}`
- }
- // #endif
- // #ifdef MP
- if (name && name === '联系客服') {
- return getCustomer(url)
- }
- if (url != '#' && url == '/pages/users/user_info/index') {
- uni.openSetting({
- success: function(res) {}
- });
- }
- // #endif
- uni.navigateTo({
- url: url,
- fail(err) {
- uni.switchTab({
- url: url
- })
- }
- })
- } else {
- uni.navigateTo({
- url: `/pages/annex/web_view/index?url=${url}`
- });
- }
- } else {
- // #ifdef MP
- this.openAuto()
- // #endif
- }
- },
- goRouter(item) {
- var pages = getCurrentPages();
- var page = (pages[pages.length - 1]).$page.fullPath;
- if (item.link == page) return
- uni.switchTab({
- url: item.link,
- fail(err) {
- uni.redirectTo({
- url: item.link
- })
- }
- })
- },
- getCopyRight() {
- const copyRight = uni.getStorageSync('copyRight')
- if (copyRight.copyrightImage) {
- this.copyRightPic = copyRight.copyrightImage
- }
- }
- }
- }
- </script>
- <style lang="scss">
- page,
- body {
- height: 100%;
- }
- .height {
- margin-top: -100rpx !important;
- }
- .unBg {
- background-color: unset !important;
- .user-info {
- .info {
- .name {
- color: #333333 !important;
- font-weight: 600;
- }
- .num {
- color: #333 !important;
- .num-txt {
- height: 38rpx;
- background-color: rgba(51, 51, 51, 0.13);
- padding: 0 12rpx;
- border-radius: 16rpx;
- }
- }
- }
- }
- .num-wrapper {
- color: #333 !important;
- font-weight: 600;
- .num-item {
- .txt {
- color: rgba(51, 51, 51, 0.7) !important;
- }
- }
- }
- .message {
- .iconfont {
- color: #333 !important;
- }
- .num {
- color: #fff !important;
- background-color: var(--view-theme) !important;
- }
- }
- .setting {
- .iconfont {
- color: #333 !important;
- }
- }
- }
- .cardVipB {
- background-color: #343A48;
- width: 100%;
- height: 124rpx;
- border-radius: 16rpx 16rpx 0 0;
- padding: 22rpx 30rpx 0 30rpx;
- margin-top: 16px;
- .left-box {
- .small {
- color: #F8D5A8;
- font-size: 28rpx;
- margin-left: 18rpx;
- }
- .pictrue {
- width: 40rpx;
- height: 45rpx;
- image {
- width: 100%;
- height: 100%;
- }
- }
- }
- .btn {
- color: #BBBBBB;
- font-size: 26rpx;
- }
- .icon-xiangyou {
- margin-top: 6rpx;
- }
- }
- .cardVipA {
- position: absolute;
- background: url('~@/static/images/member.png') no-repeat;
- background-size: 100% 100%;
- width: 750rpx;
- height: 84rpx;
- bottom: -2rpx;
- left: 0;
- padding: 0 56rpx 0 135rpx;
- .left-box {
- font-size: 26rpx;
- color: #905100;
- font-weight: 400;
- }
- .btn {
- color: #905100;
- font-weight: 400;
- font-size: 24rpx;
- }
- .iconfont {
- font-size: 20rpx;
- margin: 4rpx 0 0 4rpx;
- }
- }
- .new-users {
- display: flex;
- flex-direction: column;
- height: 100%;
- background-color: rgba(32, 33, 53, 1);
- .sys-head {
- position: relative;
- width: 100%;
- // background: linear-gradient(90deg, $bg-star1 0%, $bg-end1 100%);
- .bg {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: var(--view-theme);
- background-size: 100% auto;
- background-position: left bottom;
- }
- .sys-title {
- z-index: 10;
- position: relative;
- height: 43px;
- text-align: center;
- line-height: 43px;
- font-size: 36rpx;
- color: #FFFFFF;
- }
- }
- .head {
- // background: #fff;
- .user-card {
- position: relative;
- width: 100%;
- height: 380rpx;
- margin: 0 auto;
- padding: 35rpx 28rpx;
- background-image: url("~@/static/images/user01.png");
- background-size: 100% auto;
- background-color: var(--view-theme);
- .user-info {
- z-index: 20;
- position: relative;
- display: flex;
- .headwear {
- position: absolute;
- right: -4rpx;
- top: -14rpx;
- width: 44rpx;
- height: 44rpx;
- image {
- width: 100%;
- height: 100%;
- }
- }
- .live {
- width: 28rpx;
- height: 28rpx;
- margin-left: 20rpx;
- }
- .bntImg {
- width: 120rpx;
- height: 120rpx;
- border-radius: 50%;
- text-align: center;
- line-height: 120rpx;
- background-color: unset;
- position: relative;
- .avatarName {
- font-size: 16rpx;
- color: #fff;
- text-align: center;
- background-color: rgba(0, 0, 0, 0.6);
- height: 37rpx;
- line-height: 37rpx;
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
- }
- .avatar-box {
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 120rpx;
- height: 120rpx;
- border-radius: 50%;
- &.on {
- .avatar {
- border: 2px solid #FFAC65;
- border-radius: 50%;
- box-sizing: border-box;
- }
- }
- }
- .avatar {
- position: relative;
- width: 120rpx;
- height: 120rpx;
- border-radius: 50%;
- }
- .info {
- flex: 1;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- margin-left: 20rpx;
- padding: 15rpx 0;
- .name {
- display: flex;
- align-items: center;
- color: #fff;
- font-size: 31rpx;
- .vip {
- margin-left: 10rpx;
- image {
- width: 78rpx;
- height: 30rpx;
- display: block;
- }
- }
- }
- .num {
- display: flex;
- align-items: center;
- font-size: 26rpx;
- color: rgba(255, 255, 255, 0.6);
- image {
- width: 22rpx;
- height: 23rpx;
- margin-left: 20rpx;
- }
- }
- }
- }
- .message {
- align-self: flex-start;
- position: relative;
- margin-top: 15rpx;
- margin-right: 20rpx;
- .num {
- position: absolute;
- top: -8rpx;
- left: 18rpx;
- padding: 0 6rpx;
- height: 28rpx;
- border-radius: 12rpx;
- background-color: #fff;
- font-size: 18rpx;
- line-height: 28rpx;
- text-align: center;
- color: var(--view-theme);
- }
- .iconfont {
- font-size: 40rpx;
- color: #fff;
- }
- }
- .num-wrapper {
- z-index: 30;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin-top: 22rpx;
- // padding: 0 47rpx;
- color: #fff;
- .num-item {
- width: 33.33%;
- text-align: center;
- &~.num-item {
- position: relative;
- &:before {
- content: '';
- position: absolute;
- width: 1rpx;
- height: 28rpx;
- top: 50%;
- margin-top: -14rpx;
- background-color: rgba(255, 255, 255, 0.4);
- left: 0;
- }
- }
- .num {
- font-size: 42rpx;
- font-weight: bold;
- }
- .txt {
- margin-top: 8rpx;
- font-size: 26rpx;
- color: rgba(255, 255, 255, 0.6);
- }
- }
- }
- .sign {
- z-index: 200;
- position: absolute;
- right: -12rpx;
- top: 80rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 120rpx;
- height: 60rpx;
- background: linear-gradient(90deg, rgba(255, 225, 87, 1) 0%, rgba(238, 193, 15, 1) 100%);
- border-radius: 29rpx 4rpx 4rpx 29rpx;
- color: #282828;
- font-size: 28rpx;
- font-weight: bold;
- }
- }
- .order-wrapper {
- background: rgba(22, 23, 38, 1);
- margin: 0 30rpx;
- border-radius: 16rpx;
- position: relative;
- margin-top: -10rpx;
- .order-hd {
- justify-content: space-between;
- padding: 20rpx 20rpx 20rpx 30rpx;
- margin-top: 25rpx;
- font-size: 30rpx;
- color: #FFFFFF;
- border-bottom: 2px solid var(--view-theme);
- .left {
- font-weight: bold;
- }
- .right {
- display: flex;
- align-items: center;
- color: #FFFFFF;
- font-size: 26rpx;
- .icon-xiangyou {
- margin-left: 5rpx;
- font-size: 26rpx;
- }
- }
- }
- .order-bd {
- display: flex;
- padding: 0 0;
- .order-item {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- width: 20%;
- height: 140rpx;
- &.max-width {
- width: 25%;
- }
- .pic {
- position: relative;
- text-align: center;
- .iconfont {
- font-size: 48rpx;
- color: rgba(255, 255, 255, 1);
- }
- image {
- width: 58rpx;
- height: 48rpx;
- }
- }
- .txt {
- margin-top: 6rpx;
- font-size: 26rpx;
- color: rgba(255, 255, 255, 1);
- }
- }
- }
- }
- }
- .slider-wrapper {
- margin: 20rpx 30rpx;
- height: 130rpx;
- swiper,
- swiper-item {
- height: 100%;
- }
- image {
- width: 100%;
- height: 130rpx;
- border-radius: 16rpx;
- }
- }
- .user-menus {
- background-color: rgba(22, 23, 38, 1);
- margin: 0 30rpx;
- border-radius: 16rpx;
- .menu-title {
- padding: 30rpx 30rpx 40rpx;
- font-size: 30rpx;
- color: #FFFFFF;
- font-weight: bold;
- }
- .list-box {
- display: flex;
- flex-wrap: wrap;
- padding: 15rpx 30rpx;
- }
- .item {
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- font-size: 26rpx;
- color: #FFFFFF;
- line-height: 1;
- padding: 15rpx 0;
- border-bottom: 2px solid var(--view-theme);
- ;
- image {
- width: 52rpx;
- height: 52rpx;
- margin-right: 10rpx;
- }
- &:last-child::before {
- display: none;
- }
- &:last-child {
- border-bottom: none;
- }
- }
- button {
- font-size: 28rpx;
- }
- }
- .phone {
- color: #fff;
- background-color: #CCC;
- border-radius: 15px;
- width: max-content;
- padding: 0 10px;
- }
- .order-status-num {
- min-width: 12rpx;
- background-color: #fff;
- color: var(--view-theme);
- border-radius: 15px;
- position: absolute;
- right: -14rpx;
- top: -15rpx;
- font-size: 20rpx;
- padding: 0 8rpx;
- border: 1px solid var(--view-theme);
- }
- .support {
- width: 219rpx;
- height: 74rpx;
- margin: 54rpx auto;
- display: block;
- }
- }
- .card-vip {
- display: flex;
- align-items: center;
- justify-content: space-between;
- position: relative;
- width: 690rpx;
- height: 134rpx;
- margin: -72rpx auto 0;
- background: url('~@/static/images/user_vip.png');
- background-size: cover;
- padding-left: 118rpx;
- padding-right: 34rpx;
- .left-box {
- font-size: 24rpx;
- color: #AE5A2A;
- .big {
- font-size: 28rpx;
- }
- .small {
- opacity: 0.8;
- margin-top: 10rpx;
- }
- }
- .btn {
- height: 52rpx;
- line-height: 52rpx;
- padding: 0 10rpx;
- text-align: center;
- background: #fff;
- border-radius: 28rpx;
- font-size: 26rpx;
- color: #AE5A2A;
- }
- }
- .setting {
- margin-top: 15rpx;
- margin-left: 15rpx;
- color: #fff;
- .iconfont {
- font-size: 40rpx;
- }
- }
- .new-users {
- padding-bottom: 0;
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- }
- </style>
|