|
|
@@ -1,102 +1,95 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
<view class="vheigh"></view>
|
|
|
- <scroll-view class="content-box" scroll-y="true">
|
|
|
- <view class="user-section">
|
|
|
- <view class="bg"><image src="../../static/img/mybg.png" mode=""></image></view>
|
|
|
- <view class="user-info-box">
|
|
|
- <view class="detail" @click="navTo('/pages/set/userinfo')">
|
|
|
- <view class="portrait-box"><image class="portrait" :src="userInfo.avatar || '/static/error/missing-face.png'"></image></view>
|
|
|
- <view class="info-box">
|
|
|
- <view class="username">{{ userInfo.nickname || '游客' }}</view>
|
|
|
- <view class="font-size-sm" v-if="userInfo.phone">{{ userInfo.phone | hiddenphone }}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="config" @click="navTo('/pages/set/set')">
|
|
|
- <view class="setting "><image src="../../static/icon/set.png" mode=""></image></view>
|
|
|
- <span>设置</span>
|
|
|
- </view>
|
|
|
+ <view class="bg"><image src="../../static/img/mybg.png" mode=""></image></view>
|
|
|
+ <view class="user-section flex">
|
|
|
+ <view class="detail" @click="navTo('/pages/set/userinfo')">
|
|
|
+ <view class="portrait-box"><image class="portrait" :src="userInfo.avatar || '/static/error/missing-face.png'"></image></view>
|
|
|
+ <view class="info-box">
|
|
|
+ <view class="username">{{ userInfo.nickname || '游客' }}</view>
|
|
|
+ <view class="phone" v-if="userInfo.phone">{{ userInfo.phone | hiddenphone }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="balance">
|
|
|
- <!-- <view class="balance-top">
|
|
|
- <view class="withdraw">
|
|
|
- 可提现 ¥
|
|
|
- <text class="withdraw-num">{{mycount || '0.00'}}</text>
|
|
|
- </view>
|
|
|
- <view class="btn" @click="navTo('/user/page/award')">立刻提现</view>
|
|
|
- </view> -->
|
|
|
- <view class="balance-main">
|
|
|
- <view class="tj-item" @click="navTo('/pages/money/wallet')">
|
|
|
- <view class="tj-img"><image src="../../static/icon/my1.png" mode=""></image></view>
|
|
|
- <text>我的余额</text>
|
|
|
- <!-- <text class="num">{{ userInfo.now_money || '0.00' }}</text> -->
|
|
|
- </view>
|
|
|
- <!-- <view class="jg"></view> -->
|
|
|
- <view class="tj-item" @click="navTo('/user/page/scoreAccumulate')">
|
|
|
- <view class="tj-img"><image src="../../static/icon/my3.png" mode=""></image></view>
|
|
|
- <text>我的积分</text>
|
|
|
- <!-- <text class="num">{{ userInfo.integral || '0.00' }}</text> -->
|
|
|
- </view>
|
|
|
- <!-- <view class="jg"></view> -->
|
|
|
- <view class="tj-item" @click="navTo('/user/page/extension')">
|
|
|
- <view class="tj-img"><image src="../../static/icon/my4.png" mode=""></image></view>
|
|
|
- <text>我的推广</text>
|
|
|
- <!-- <text>我的佣金</text> -->
|
|
|
- <!-- <text class="num">{{ userInfo.spread_count || '0' }}</text> -->
|
|
|
- </view>
|
|
|
+ <view class="config">
|
|
|
+ <view class="setting"><image src="../../static/icon/set.png" mode=""></image></view>
|
|
|
+ <view class="config-font">VIP会员</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list-top"></view>
|
|
|
+ <view class="balance">
|
|
|
+ <view class="balance-main">
|
|
|
+ <view class="tj-item" @click="navTo('/pages/money/wallet')">
|
|
|
+ <view class="tj-img"><image src="../../static/icon/my1.png" mode=""></image></view>
|
|
|
+ <view class="tj-num">¥2000</view>
|
|
|
+ <view class="tj-font">我的余额</view>
|
|
|
+ </view>
|
|
|
+ <view class="tj-item" @click="navTo('/user/page/scoreAccumulate')">
|
|
|
+ <view class="tj-img"><image src="../../static/icon/my2.png" mode=""></image></view>
|
|
|
+ <view class="tj-num">¥2000</view>
|
|
|
+ <view class="tj-font">我的佣金</view>
|
|
|
+ </view>
|
|
|
+ <view class="tj-item" @click="navTo('/user/page/scoreAccumulate')">
|
|
|
+ <view class="tj-img"><image src="../../static/icon/my3.png" mode=""></image></view>
|
|
|
+ <view class="tj-num">¥2000</view>
|
|
|
+ <view class="tj-font">我的积分</view>
|
|
|
+ </view>
|
|
|
+ <view class="tj-item" @click="navTo('/user/page/extension')">
|
|
|
+ <view class="tj-img"><image src="../../static/icon/my4.png" mode=""></image></view>
|
|
|
+ <view class="tj-num">¥2000</view>
|
|
|
+ <view class="tj-font">我的推广</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="cover-container">
|
|
|
- <view class="item-box">
|
|
|
- <view class="user-item">
|
|
|
- <text>我的工具</text>
|
|
|
- <!-- <text class="iconfont iconenter" @click="loadMore()"></text> -->
|
|
|
- </view>
|
|
|
- <view class="order-section">
|
|
|
- <view class="order-item" @click="navTo('/pages/tool/entity?type=1')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/ffstk.png" mode="aspectFit"></image></view>
|
|
|
- <text>发放实体卡</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="cover-container">
|
|
|
+ <view class="item-box">
|
|
|
+ <view class="user-item">
|
|
|
+ <text>我的工具</text>
|
|
|
+ <!-- <text class="iconfont iconenter" @click="loadMore()"></text> -->
|
|
|
+ </view>
|
|
|
+ <view class="order-section">
|
|
|
+ <view class="order-item" @click="navTo('/pages/tool/entity?type=1')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/ffstk.png" mode="aspectFit"></image></view>
|
|
|
+ <text>发放实体卡</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/pages/tool/entity?type=2')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/hxstk.png" mode="aspectFit"></image></view>
|
|
|
- <text>核销实体卡</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/pages/tool/entity?type=2')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/hxstk.png" mode="aspectFit"></image></view>
|
|
|
+ <text>核销实体卡</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/user/page/revenueCenter')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/u9.png" mode="aspectFit"></image></view>
|
|
|
- <text>收益报告</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/revenueCenter')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/u9.png" mode="aspectFit"></image></view>
|
|
|
+ <text>收益报告</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/user/page/dlcenter')" hover-class="common-hover" :hover-stay-time="50" v-if="isArea_admin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/dl.png" mode="aspectFit"></image></view>
|
|
|
- <text>代理收益</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/dlcenter')" hover-class="common-hover" :hover-stay-time="50" v-if="isArea_admin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/dl.png" mode="aspectFit"></image></view>
|
|
|
+ <text>代理收益</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/user/page/recommend')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/u10.png" mode="aspectFit"></image></view>
|
|
|
- <text>推荐充值</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/recommend')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/u10.png" mode="aspectFit"></image></view>
|
|
|
+ <text>推荐充值</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/user/page/storeCommission')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/s-cms.png" mode="aspectFit"></image></view>
|
|
|
- <text>门店佣金</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/storeCommission')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/s-cms.png" mode="aspectFit"></image></view>
|
|
|
+ <text>门店佣金</text>
|
|
|
</view>
|
|
|
- <!-- <view class="order-item" @click="navTo('/pages/tool/phoneBill')" hover-class="common-hover"
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="order-item" @click="navTo('/pages/tool/phoneBill')" hover-class="common-hover"
|
|
|
:hover-stay-time="50" >
|
|
|
<view class="o-ic">
|
|
|
<view class="icon">
|
|
|
@@ -108,99 +101,98 @@
|
|
|
<image src="../../static/img/img74.png" mode=""></image>
|
|
|
</view>
|
|
|
</view> -->
|
|
|
- <view class="order-item" @click="navTo('/user/page/award')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/gryj.png" mode="aspectFit"></image></view>
|
|
|
- <text>个人佣金</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/award')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/gryj.png" mode="aspectFit"></image></view>
|
|
|
+ <text>个人佣金</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="readQr()" hover-class="common-hover" :hover-stay-time="50" v-if="!isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/1-my.png" mode="aspectFit"></image></view>
|
|
|
- <text>扫码充值</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="readQr()" hover-class="common-hover" :hover-stay-time="50" v-if="!isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/1-my.png" mode="aspectFit"></image></view>
|
|
|
+ <text>扫码充值</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/user/page/wipe')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/u6.png" mode="aspectFit"></image></view>
|
|
|
- <text>提货管理</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/wipe')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/u6.png" mode="aspectFit"></image></view>
|
|
|
+ <text>提货管理</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/user/page/delivery')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/u12.png" mode="aspectFit"></image></view>
|
|
|
- <text>送货管理</text>
|
|
|
- </view>
|
|
|
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/delivery')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/u12.png" mode="aspectFit"></image></view>
|
|
|
+ <text>送货管理</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/user/page/refundAdmin?state=0&isUser=' + isUser)" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/u7.png" mode="aspectFit"></image></view>
|
|
|
- <text>退货管理</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/refundAdmin?state=0&isUser=' + isUser)" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/u7.png" mode="aspectFit"></image></view>
|
|
|
+ <text>退货管理</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/user/page/depositAdmin')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/u11.png" mode="aspectFit"></image></view>
|
|
|
- <text>押金管理</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/depositAdmin')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/u11.png" mode="aspectFit"></image></view>
|
|
|
+ <text>押金管理</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/pages/set/point')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/5-my.png" mode="aspectFit"></image></view>
|
|
|
- <text>自提点管理</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/pages/set/point')" hover-class="common-hover" :hover-stay-time="50" v-if="isAdmin">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/5-my.png" mode="aspectFit"></image></view>
|
|
|
+ <text>自提点管理</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/pages/set/address')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/3-my.png" mode="aspectFit"></image></view>
|
|
|
- <text>收货地址</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/pages/set/address')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/3-my.png" mode="aspectFit"></image></view>
|
|
|
+ <text>收货地址</text>
|
|
|
</view>
|
|
|
- <view class="order-item" @click="navTo('/user/page/shareQrCode')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/2-my.png" mode="aspectFit"></image></view>
|
|
|
- <text>推广海报</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="navTo('/user/page/shareQrCode')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/2-my.png" mode="aspectFit"></image></view>
|
|
|
+ <text>推广海报</text>
|
|
|
</view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="order-item" hover-class="common-hover" :hover-stay-time="50" @click="showPopup">
|
|
|
- <!-- <view class="icon" v-if="userIdentity"><image class="icon-img" src="/static/icon/u8.png" mode="aspectFit"></image></view> -->
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/4-my.png" mode="aspectFit"></image></view>
|
|
|
- <text>联系客服</text>
|
|
|
- </view>
|
|
|
+ <view class="order-item" hover-class="common-hover" :hover-stay-time="50" @click="showPopup">
|
|
|
+ <!-- <view class="icon" v-if="userIdentity"><image class="icon-img" src="/static/icon/u8.png" mode="aspectFit"></image></view> -->
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/4-my.png" mode="aspectFit"></image></view>
|
|
|
+ <text>联系客服</text>
|
|
|
+ </view>
|
|
|
|
|
|
- <!-- <view class="txt">
|
|
|
+ <!-- <view class="txt">
|
|
|
联系客服
|
|
|
</view> -->
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
- </view>
|
|
|
- <!-- <view class="order-item" hover-class="common-hover" :hover-stay-time="50">
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="order-item" hover-class="common-hover" :hover-stay-time="50">
|
|
|
<view class="icon"><image class="icon-img" src="/static/icon/u4.png" mode="aspectFit"></image></view>
|
|
|
<text>关于我们</text>
|
|
|
</view> -->
|
|
|
- <view class="order-item" hover-class="common-hover" :hover-stay-time="50" @click="showBind">
|
|
|
- <view class="o-ic">
|
|
|
- <view class="icon"><image class="icon-img" src="/static/icon/ztd.png" mode="aspectFit"></image></view>
|
|
|
- <text>绑定管理账号</text>
|
|
|
- </view>
|
|
|
- <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
+ <view class="order-item" hover-class="common-hover" :hover-stay-time="50" @click="showBind">
|
|
|
+ <view class="o-ic">
|
|
|
+ <view class="icon"><image class="icon-img" src="/static/icon/ztd.png" mode="aspectFit"></image></view>
|
|
|
+ <text>绑定管理账号</text>
|
|
|
</view>
|
|
|
+ <view class="order-img"><image src="../../static/img/img74.png" mode=""></image></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </scroll-view>
|
|
|
+ </view>
|
|
|
<uni-popup ref="popup" type="center">
|
|
|
<view class="popup-box">
|
|
|
<view class="img"><image src="https://37shop.liuniu946.com/front/img/img009.png" mode=""></image></view>
|
|
|
@@ -296,23 +288,6 @@ export default {
|
|
|
console.log(this.userInfo);
|
|
|
}
|
|
|
},
|
|
|
- // onReady() {
|
|
|
- // // 初始化获取页面宽度
|
|
|
- // uni.createSelectorQuery()
|
|
|
- // .select('.container')
|
|
|
- // .fields(
|
|
|
- // {
|
|
|
- // size: true
|
|
|
- // },
|
|
|
- // data => {
|
|
|
- // // 计算最多下拉的高度
|
|
|
- // this.userDowm = Math.floor((data.width / 750) * 185);
|
|
|
- // // 计算最大触发修改高度事件
|
|
|
- // this.userMaxDowm = Math.floor((data.width / 750) * 250);
|
|
|
- // }
|
|
|
- // )
|
|
|
- // .exec();
|
|
|
- // },
|
|
|
// #ifndef MP
|
|
|
// onNavigationBarButtonTap(e) {
|
|
|
// const index = e.index;
|
|
|
@@ -588,9 +563,11 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
-page {
|
|
|
- height: 100%;
|
|
|
- background-color: #f8f6f6;
|
|
|
+page,
|
|
|
+.container {
|
|
|
+ height: auto;
|
|
|
+ min-height: 100%;
|
|
|
+ background-color: #ffffff;
|
|
|
}
|
|
|
|
|
|
%flex-center {
|
|
|
@@ -608,151 +585,93 @@ page {
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
-.container {
|
|
|
- height: 100%;
|
|
|
- background-color: $page-color-base;
|
|
|
-}
|
|
|
-
|
|
|
-.content-box {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.user-section {
|
|
|
- height: 380rpx;
|
|
|
- position: relative;
|
|
|
+.bg {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ height: 400rpx;
|
|
|
+ width: 100%;
|
|
|
|
|
|
- .bg {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- height: 400rpx;
|
|
|
+ image {
|
|
|
width: 100%;
|
|
|
-
|
|
|
- image {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.user-info-box {
|
|
|
+.user-section {
|
|
|
+ padding: 112rpx 42rpx 0 38rpx;
|
|
|
position: relative;
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- color: white;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
z-index: 10;
|
|
|
-
|
|
|
.detail {
|
|
|
display: flex;
|
|
|
- // justify-content: space-between;
|
|
|
- width: 100%;
|
|
|
- margin: auto 20rpx;
|
|
|
-
|
|
|
+ align-items: center;
|
|
|
.portrait-box {
|
|
|
- height: 127rpx;
|
|
|
- width: 127rpx;
|
|
|
+ height: 120rpx;
|
|
|
+ width: 120rpx;
|
|
|
|
|
|
.portrait {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- border: 5rpx solid #fff;
|
|
|
+ border: 4rpx solid #fff;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.info-box {
|
|
|
- margin: auto 20rpx;
|
|
|
- // margin-left: 20rpx;
|
|
|
- // line-height: 1.5;
|
|
|
- color: #fff;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ line-height: 1;
|
|
|
|
|
|
.username {
|
|
|
- font-size: $font-lg + 6rpx;
|
|
|
- // height: 100%;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ .phone {
|
|
|
+ font-size: 25rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-top: 18rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.config {
|
|
|
- padding-top: 5rpx;
|
|
|
- margin: auto 0;
|
|
|
- width: 215rpx;
|
|
|
- height: 64rpx;
|
|
|
- border-radius: 50rpx 0 0 50rpx;
|
|
|
- background-color: #fff;
|
|
|
+ width: 161rpx;
|
|
|
+ height: 51rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 25rpx;
|
|
|
display: flex;
|
|
|
-
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ line-height: 1;
|
|
|
.setting {
|
|
|
- margin: auto 20rpx;
|
|
|
-
|
|
|
+ width: 25rpx;
|
|
|
+ height: 36rpx;
|
|
|
image {
|
|
|
- width: 40rpx;
|
|
|
- height: 40rpx;
|
|
|
+ width: 25rpx;
|
|
|
+ height: 36rpx;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- span {
|
|
|
- line-height: 59rpx;
|
|
|
- color: #901b21;
|
|
|
- font-size: 28rpx;
|
|
|
+ .config-font {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ font-size: 25rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #ee2f72;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-.vip-card-box {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- color: #f7d680;
|
|
|
- height: 240rpx;
|
|
|
- background: linear-gradient(left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8));
|
|
|
- border-radius: 16rpx 16rpx 0 0;
|
|
|
- overflow: hidden;
|
|
|
+.list-top {
|
|
|
position: relative;
|
|
|
- padding: 20rpx 24rpx;
|
|
|
-
|
|
|
- .card-bg {
|
|
|
- position: absolute;
|
|
|
- top: 20rpx;
|
|
|
- right: 0;
|
|
|
- width: 380rpx;
|
|
|
- height: 260rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .b-btn {
|
|
|
- position: absolute;
|
|
|
- right: 20rpx;
|
|
|
- top: 16rpx;
|
|
|
- width: 132rpx;
|
|
|
- height: 40rpx;
|
|
|
- text-align: center;
|
|
|
- line-height: 40rpx;
|
|
|
- font-size: 22rpx;
|
|
|
- color: #36343c;
|
|
|
- border-radius: 20px;
|
|
|
- background: linear-gradient(left, #f9e6af, #ffd465);
|
|
|
- z-index: 1;
|
|
|
- }
|
|
|
-
|
|
|
- .tit {
|
|
|
- font-size: $font-base + 2rpx;
|
|
|
- color: #f7d680;
|
|
|
- margin-bottom: 28rpx;
|
|
|
-
|
|
|
- .iconfont {
|
|
|
- color: #f6e5a3;
|
|
|
- margin-right: 16rpx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .e-b {
|
|
|
- font-size: $font-sm;
|
|
|
- color: #d8cba9;
|
|
|
- margin-top: 10rpx;
|
|
|
- }
|
|
|
+ z-index: 10;
|
|
|
+ margin-top: 50rpx;
|
|
|
+ width: 750rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 30rpx 30rpx 0px 0px;
|
|
|
}
|
|
|
-
|
|
|
.cover-container {
|
|
|
background: $page-color-base;
|
|
|
// margin-top: -150rpx;
|
|
|
@@ -861,19 +780,6 @@ page {
|
|
|
.icon-shouhoutuikuan {
|
|
|
font-size: 44rpx;
|
|
|
}
|
|
|
-
|
|
|
- // .icon {
|
|
|
- // height: 50rpx;
|
|
|
- // width: 48rpx;
|
|
|
- // // margin-bottom: 18rpx;
|
|
|
- // // background-size: 100%;
|
|
|
- // // background-repeat: no-repeat;
|
|
|
- // // background-position: center;
|
|
|
- // .icon-img {
|
|
|
- // width: 100%;
|
|
|
- // height: 100%;
|
|
|
- // }
|
|
|
- // }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -927,59 +833,15 @@ page {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.user-info {
|
|
|
- width: 750rpx;
|
|
|
- height: 445rpx;
|
|
|
- background-size: 100% 100%;
|
|
|
-}
|
|
|
-
|
|
|
.balance {
|
|
|
position: relative;
|
|
|
- margin-top: -150rpx;
|
|
|
- top: -150rpx;
|
|
|
- width: 710rpx;
|
|
|
- height: 221rpx;
|
|
|
- margin: 0 auto;
|
|
|
- border-radius: 10rpx;
|
|
|
- margin-bottom: -150rpx;
|
|
|
- background-color: #fff;
|
|
|
- background-size: 100% 100%;
|
|
|
-
|
|
|
- .balance-top {
|
|
|
- padding: 0 31rpx 0 19rpx;
|
|
|
- height: 54rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-
|
|
|
- .withdraw {
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #ffffff;
|
|
|
- line-height: 48rpx;
|
|
|
-
|
|
|
- .withdraw-num {
|
|
|
- font-size: 37rpx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .btn {
|
|
|
- width: 160rpx;
|
|
|
- height: 54rpx;
|
|
|
- text-align: center;
|
|
|
- line-height: 54rpx;
|
|
|
- background: #ffffff;
|
|
|
- opacity: 0.7;
|
|
|
- border-radius: 27rpx;
|
|
|
- font-weight: bold;
|
|
|
- color: #901b21;
|
|
|
- }
|
|
|
- }
|
|
|
+ z-index: 10;
|
|
|
+ background: #ffffff;
|
|
|
|
|
|
.balance-main {
|
|
|
- margin-top: 40rpx;
|
|
|
display: flex;
|
|
|
- padding-top: 50rpx;
|
|
|
- color: #fff;
|
|
|
+ padding-top: 40rpx;
|
|
|
+ color: #ffffff;
|
|
|
|
|
|
.tj-item {
|
|
|
display: flex;
|
|
|
@@ -989,18 +851,27 @@ page {
|
|
|
font-size: 26rpx;
|
|
|
font-weight: 500;
|
|
|
color: #3b3b3b;
|
|
|
+ line-height: 1;
|
|
|
|
|
|
.tj-img {
|
|
|
image {
|
|
|
- width: 90rpx;
|
|
|
- height: 90rpx;
|
|
|
+ width: 112rpx;
|
|
|
+ height: 112rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .num {
|
|
|
- margin-top: 32rpx;
|
|
|
- font-size: 36rpx;
|
|
|
+ .tj-num {
|
|
|
+ font-size: 25rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #363636;
|
|
|
+ }
|
|
|
+ .tj-font {
|
|
|
+ margin-top: 10rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
font-weight: 500;
|
|
|
+ color: #363636;
|
|
|
}
|
|
|
}
|
|
|
|