You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
high-mini/pages/tabBar/user/user.vue

732 lines
47 KiB

<template>
<view>
<!-- #ifdef H5 -->
<view v-if="showHeader" class="status" :style="{position:headerPosition,top:statusTop}"></view>
<view v-if="showHeader" class="header" :style="{position:headerPosition,top:headerTop}"></view>
4 years ago
<!-- 占位 -->
<view v-if="showHeader" class="place"></view>
<!-- #endif -->
<view class="user">
<!-- 头像 -->
<view class="left">
<image src="/static/img/head.png" v-if="!user.headerImg"></image>
<image :src="user.headerImg" v-else></image>
</view>
<!-- 昵称,个性签名 -->
<view class="right">
<view class="username" v-if="!user.name">请授权登录</view>
<view class="username" v-else>{{user.name}}</view>
<view class="font14 fcorfff" v-if="!user.gold">金币: 0</view>
<view class="font14 fcorfff" v-else>金币: {{user.gold}} </view>
<!-- <view class="signature" @tap="toSetting">{{user.signature}}</view> -->
</view>
<!-- 二维码按钮 -->
<!-- #ifdef MP -->
<button class="erweima" v-if="user.phone == null" open-type="getPhoneNumber"
@getphonenumber="getPhoneNumber">
4 years ago
<image style="width: 50px;height: 50px;"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0QTg5N0ZBOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0QTg5N0ZCOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRBODk3Rjg5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRBODk3Rjk5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hwFVRAAATcUlEQVR42uxd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
</image>
</button>
<button class="erweima" v-else @click="toDeposit">
4 years ago
<image style="width: 50px;height: 50px;"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0QTg5N0ZBOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0QTg5N0ZCOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRBODk3Rjg5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRBODk3Rjk5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hwFVRAAATcUlEQVR42uxd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
</image>
</button>
<!-- #endif -->
<!-- #ifdef H5 -->
<button class="erweima" v-if="user.phone == null" @click="jumpH5Bding">
<image style="width: 50px;height: 50px;"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0QTg5N0ZBOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0QTg5N0ZCOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRBODk3Rjg5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRBODk3Rjk5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hwFVRAAATcUlEQVR42uxd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
</image>
</button>
<button class="erweima" v-else @click="toDeposit">
<image style="width: 50px;height: 50px;"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0QTg5N0ZBOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0QTg5N0ZCOTJCOTExRUI5NzMwQjMxMjZGNDNDMjg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRBODk3Rjg5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRBODk3Rjk5MkI5MTFFQjk3MzBCMzEyNkY0M0MyODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hwFVRAAATcUlEQVR42uxd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
</image>
</button>
<!-- #endif -->
</view>
<!-- 订单-余额 -->
<view class="order">
<!-- 订单类型 -->
<view class="title">我的订单</view>
<view class="list">
<view class="box" v-for="(row,index) in orderList" :key="index" @tap="toOrderList(index)">
4 years ago
<uni-badge style="width: 20px;position: absolute; left: 20%;" v-if="row.text == '待支付' && therrNum "
:text="therrNum" type="error" size="normal"></uni-badge>
<view class="img">
<view class="icon" :class="row.icon"></view>
</view>
<view class="text">{{row.text}}</view>
</view>
</view>
</view>
<!-- 工具栏 -->
<view class="toolbar">
4 years ago
<view class="title">卡券中心</view>
<view class="list">
4 years ago
<view class="box" v-for="(row,index) in mytoolbarList" :key="index" @tap="toPage(row.url,row.text)">
4 years ago
<!-- <view style="width: 10px;height: 10px;">
<uni-badge text="1" type="error" />
</view> -->
4 years ago
4 years ago
<uni-badge style="width: 20px;position: absolute; right: 30%;" v-if="row.text == '我的卡券' && textnum "
:text="textnum" type="error" size="normal"></uni-badge>
<uni-badge style="width: 20px;position: absolute; right: 7%;"
v-if="row.text == '我的优惠券' && textSend " :text="textSend" type="error" size="normal"></uni-badge>
<view class="img">
<image :src="row.img"></image>
</view>
<view class="text">{{row.text}}</view>
</view>
</view>
</view>
<!-- 我的推广 -->
<view class="toolbar" style="margin-top: 20px;">
<view class="title">推广中心</view>
<view class="list">
<view class="box" v-for="(row,index) in mytgbarList" :key="index" @tap="toPage(row.url,row.text)">
<!-- <view style="width: 10px;height: 10px;">
<uni-badge text="1" type="error" />
</view> -->
4 years ago
<uni-badge style="width: 20px;position: absolute; right: 30%;" v-if="row.text == '我的卡券' && textnum "
:text="textnum" type="error" size="normal"></uni-badge>
<uni-badge style="width: 20px;position: absolute; right: 7%;"
v-if="row.text == '我的优惠券' && textSend " :text="textSend" type="error" size="normal"></uni-badge>
<view class="img" v-if="row.text != '客服' ">
<image :src="row.img"></image>
</view>
4 years ago
<view class="text" v-if="row.text != '客服' ">{{row.text}}</view>
4 years ago
<button open-type="contact" style="background-color: transparent;" class="img" show-message-card
session-from send-message-path send-message-title v-if="row.text == '客服' ">
4 years ago
<image :src="row.img"></image>
</button>
<view class="text" v-if="row.text == '客服' ">{{row.text}}</view>
</view>
</view>
</view>
<!-- 占位 -->
<view class="place-bottom"></view>
<authorize></authorize>
</view>
</template>
<script>
import {
GetPhoneNumber,
findUser
} from "../../../Utils/Api.js";
4 years ago
import uniBadge from "../../../components/uni-badge/components/uni-badge/uni-badge.vue";
let app = getApp()
3 years ago
import authorize from '../../components/Authorize';
export default {
components: {
4 years ago
authorize,
uniBadge
},
data() {
return {
isfirst: true,
headerPosition: "fixed",
4 years ago
textnum: '',
textSend: '',
therrNum: '',
headerTop: null,
statusTop: null,
showHeader: true,
//个人信息,
user: "",
// 订单类型
orderList: [{
text: '待支付',
icon: "fukuan"
},
{
text: '已支付',
icon: "fahuo"
},
{
text: '已完成',
icon: "shouhuo"
},
// {
// text: '已退款',
// icon: "pingjia"
// },
{
text: '已取消',
icon: "pingjia"
},
],
// 工具栏列表
mytoolbarList: [{
url: '/pages/goods/recording/recording?id=1',
text: '充值记录',
img: '/static/img/user/mingxi.png'
},
{
url: '/pages/goods/recording/recording?id=2',
text: '消费记录',
img: '/static/img/user/quan.png'
},
{
url: '/pages/user/mineCoupons/mineCoupons',
text: '我的卡券',
img: '/static/img/user/choujiang.png'
},
4 years ago
{
url: '../../user/coupon/coupon',
text: '我的优惠券',
img: '/static/img/user/momey.png'
4 years ago
}
],
// 推广列表
mytgbarList: [{
4 years ago
url: '',
text: '客服',
img: '/static/img/user/kefu.png'
},
{
url: '../../login/login?id=1',
text: '商户入口',
img: '/static/img/user/point.png'
},
{
url: '../../login/login?id=2',
text: '我的推广',
img: '/static/img/user/renw.png'
},
{
url: '/pages/user/Charge/Charge',
text: '充话费',
img: '/static/img/user/bank.png'
}
]
}
},
//下拉刷新,需要自己在page.json文件中配置开启页面下拉刷新 "enablePullDownRefresh": true
onPullDownRefresh() {
setTimeout(function() {
uni.stopPullDownRefresh();
}, 1000);
},
onPageScroll(e) {
//兼容iOS端下拉时顶部漂移
this.headerPosition = e.scrollTop >= 0 ? "fixed" : "absolute";
this.headerTop = e.scrollTop >= 0 ? null : 0;
this.statusTop = e.scrollTop >= 0 ? null : -this.statusHeight + 'px';
},
onLoad() {
this.statusHeight = 0;
// #ifdef H5
this.showHeader = true;
// this.statusHeight = plus.navigator.getStatusbarHeight();
// #endif
},
onReady() {
//此处,演示,每次页面初次渲染都把登录状态重置
uni.setStorage({
key: 'UserInfo',
data: false,
success: function() {},
fail: function(e) {}
});
},
onShow() {
4 years ago
if (app.globalData.userInfo) {
this.findUser();
}
},
methods: {
findUser() {
let params;
findUser(params).then(res => {
if (res.return_code == '000000') {
app.globalData.userInfo = res.return_data;
this.user = res.return_data;
4 years ago
this.textnum = res.return_data.unusedCouponNum;
this.textSend = res.return_data.unusedDiscount;
this.therrNum = res.return_data.unpaid;
uni.setStorage({
key: "user",
data: res.return_data
})
}
});
},
getPhoneNumber(PhoneNumber) {
let params = {
openId: app.globalData.openId,
iv: PhoneNumber.detail.iv,
encryptedData: PhoneNumber.detail.encryptedData
}
GetPhoneNumber(params).then(res => {
if (res.return_code == '000000') {
app.globalData.userInfo = res.return_data
.object
.highUser;
uni.setStorage({
key: "user",
data: res.return_data
.object
.highUser
})
this.toDeposit();
}
});
},
// H5获取手机号
jumpH5Bding() {
uni.navigateTo({
url:'/pages/login/register?id=2'
})
},
4 years ago
//扫码
toScan() {
uni.scanCode({
success: function(res) {
uni.navigateTo({
url: '../../goods/coupons-info-details/coupons-info-details?id=' + JSON
.parse(res.result).code
})
},
fail() {
uni.showToast({
title: '无法识别二维码',
icon: 'none',
duration: 2000
})
}
});
},
//消息列表
toMsg() {
// uni.navigateTo({
// url:'../../msg/msg'
// })
uni.showToast({
title: '暂未开通',
icon: 'none'
});
},
toOrderList(index) {
uni.navigateTo({
url: '../../user/order_list/order_list?tbIndex=' + index
})
},
// toSetting() {
// uni.navigateTo({
// url: '../../user/setting/setting'
// })
// },
toMyQR() {
uni.navigateTo({
url: '../../user/myQR/myQR'
})
},
toLogin() {
uni.showToast({
title: '请登录',
icon: "none"
});
uni.navigateTo({
url: '../../login/login'
})
this.isfirst = false;
},
isLogin() {
//实际应用中,用户登录状态应该用token等方法去维持登录状态.
const value = uni.getStorageSync('UserInfo');
if (value) {
return true;
}
return false
},
toDeposit() {
uni.navigateTo({
url: '../../user/deposit/deposit'
})
},
4 years ago
toPage(url, item) {
if (item != '客服') {
uni.navigateTo({
url: url
})
}
4 years ago
}
}
}
</script>
<style lang="scss">
page {
position: relative;
background-color: #fff;
}
.status {
width: 100%;
height: 0;
position: fixed;
z-index: 10;
background-color: #f06c7a;
top: 0;
/* #ifdef APP-PLUS */
height: var(--status-bar-height);//覆盖样式
/* #endif */
}
.header{
width: 92%;
padding: 0 4%;
height: 100upx;
display: flex;
justify-content: flex-end;
align-items: center;
position: fixed;
top: 0;
z-index: 10;
background-color: #f06c7a;
/* #ifdef APP-PLUS */
top: var(--status-bar-height);
/* #endif */
.icon-btn{
width: 120upx;
height: 60upx;
flex-shrink: 0;
display: flex;
.icon{
color: #fff;
width: 60upx;
height: 60upx;
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 42upx;
}
}
}
4 years ago
button::after {
border: none
}
.status {
width: 100%;
height: 0;
position: fixed;
z-index: 10;
background-color: #f06c7a;
top: 0;
/* #ifdef APP-PLUS */
height: var(--status-bar-height); //覆盖样式
/* #endif */
}
.header {
width: 92%;
padding: 0 4%;
height: 100upx;
display: flex;
justify-content: flex-end;
align-items: center;
position: fixed;
top: 0;
z-index: 10;
background-color: #f06c7a;
/* #ifdef APP-PLUS */
top: var(--status-bar-height);
/* #endif */
.icon-btn {
width: 120upx;
height: 60upx;
flex-shrink: 0;
display: flex;
.icon {
color: #fff;
width: 60upx;
height: 60upx;
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 42upx;
}
}
}
.place {
background-color: #f06c7a;
4 years ago
padding-left: 20px;
padding-right: 20px;
text-align: right;
height: 100upx;
/* #ifdef APP-PLUS */
margin-top: var(--status-bar-height);
4 years ago
/* #endif */
4 years ago
image {
width: 30px;
height: 30px;
}
}
.place-bottom {
height: 300upx;
}
.user {
width: 92%;
padding: 0 4%;
display: flex;
align-items: center;
// position: relative;
background-color: #f06c7a;
padding-bottom: 40rpx;
.left {
width: 20vw;
height: 20vw;
flex-shrink: 0;
margin-right: 20upx;
border: solid 1upx #fff;
border-radius: 100%;
image {
width: 20vw;
height: 20vw;
border-radius: 100%;
}
}
.right {
width: 100%;
.username {
font-size: 36upx;
color: #fff;
}
.signature {
color: #eee;
font-size: 28upx;
}
}
.erweima {
flex-shrink: 0;
width: 50px;
height: 50px;
padding: 0;
margin-left: 5vw;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to left, #fbbb37 0%, #fcf0d0 105%);
.icon {
color: #7b6335;
font-size: 42upx;
}
}
}
.order {
.title {
padding-top: 10upx;
margin: 0 0 10upx 3%;
font-size: 30upx;
height: 80upx;
display: flex;
align-items: center;
}
width: 92%;
margin: 30rpx 4% 30rpx 4%;
padding: 0rpx 0% 20rpx 0%;
background-color: #fff;
box-shadow: 0rpx 0rpx 25rpx rgba(0, 0, 0, 0.1);
border-radius: 15rpx;
.list {
display: flex;
padding-bottom: 10upx;
.box {
width: 25%;
.img {
width: 100%;
display: flex;
justify-content: center;
.icon {
font-size: 50upx;
color: #464646;
}
}
.text {
width: 100%;
display: flex;
justify-content: center;
font-size: 28upx;
color: #3d3d3d;
}
}
}
.balance-info {
display: flex;
padding: 10upx 0;
.left {
width: 75%;
display: flex;
.box {
width: 50%;
font-size: 28upx;
.num {
width: 100%;
height: 50upx;
display: flex;
justify-content: center;
align-items: flex-end;
color: #f9a453;
}
.text {
width: 100%;
display: flex;
justify-content: center;
color: #3d3d3d;
font-size: 28upx;
}
}
}
.right {
border-left: solid 1upx #17e6a1;
width: 25%;
.box {
.img {
width: 100%;
height: 50upx;
display: flex;
justify-content: center;
align-items: flex-end;
.icon {
font-size: 45upx;
color: #e78901;
}
}
.text {
width: 100%;
display: flex;
justify-content: center;
font-size: 28upx;
color: #3d3d3d;
}
}
}
}
}
.VIP {
width: 84%;
margin: -65upx auto 20upx auto;
padding: 30upx 4%;
background: linear-gradient(to left, #dea96d 0%, #f6d59b 100%);
box-shadow: 0upx 0upx 25upx rgba(0, 0, 0, 0.2);
border-radius: 15upx;
display: flex;
align-items: center;
.img {
flex-shrink: 0;
width: 60upx;
height: 60upx;
image {
width: 60upx;
height: 60upx;
}
}
.title {
width: 100%;
color: #796335;
font-size: 30upx;
}
.tis {
width: 100%;
display: flex;
justify-content: flex-end;
color: #fcf0d0;
font-size: 26upx;
}
}
.toolbar {
width: 92%;
margin: 0 4% 0 4%;
padding: 0 0 20upx 0;
background-color: #fff;
box-shadow: 0upx 0upx 25upx rgba(0, 0, 0, 0.1);
border-radius: 15upx;
.title {
padding-top: 10upx;
margin: 0 0 10upx 3%;
font-size: 30upx;
height: 80upx;
display: flex;
align-items: center;
}
.list {
display: flex;
flex-wrap: wrap;
.box {
width: 25%;
margin-bottom: 30upx;
.img {
width: 23vw;
height: 10.5vw;
display: flex;
justify-content: center;
image {
width: 9vw;
height: 9vw;
}
}
.text {
width: 100%;
display: flex;
justify-content: center;
font-size: 26upx;
color: #3d3d3d;
}
}
}
}
</style>