|
|
@ -1,7 +1,8 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<view class="wallet"> |
|
|
|
<view class="wallet"> |
|
|
|
<view> |
|
|
|
<view> |
|
|
|
<u-navbar title="我的钱包" :background="background" title-color="#fff"></u-navbar> |
|
|
|
<u-navbar title="我的钱包" :border-bottom="false" :background="background" title-color="#fff" |
|
|
|
|
|
|
|
back-icon-color='#fff'></u-navbar> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<image :src="$picUrl+'/static/news1/walletBg.png'" class="bgImg" mode="widthFix"></image> |
|
|
|
<image :src="$picUrl+'/static/news1/walletBg.png'" class="bgImg" mode="widthFix"></image> |
|
|
|
<view class="walletContainer"> |
|
|
|
<view class="walletContainer"> |
|
|
@ -9,7 +10,9 @@ |
|
|
|
<view class="yue" @click="introShow=true">余额说明</view> |
|
|
|
<view class="yue" @click="introShow=true">余额说明</view> |
|
|
|
<view class="accountNum"> |
|
|
|
<view class="accountNum"> |
|
|
|
<text>账户余额</text> |
|
|
|
<text>账户余额</text> |
|
|
|
<view style="margin-left: 5px;" @click="isEye=!isEye"><u-icon :name="isEye?'eye':'eye-off'" color="#652F17" size="34"></u-icon></view> |
|
|
|
<view style="margin-left: 5px;" @click="isEye=!isEye"> |
|
|
|
|
|
|
|
<u-icon :name="isEye?'eye':'eye-off'" color="#652F17" size="34"></u-icon> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="walletHandle"> |
|
|
|
<view class="walletHandle"> |
|
|
|
<text>{{isEye?infor.balance:'****'}}</text> |
|
|
|
<text>{{isEye?infor.balance:'****'}}</text> |
|
|
@ -72,8 +75,9 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<u-picker mode="time" v-model="timeShow" :params="timeParams" @confirm="getTime"></u-picker> |
|
|
|
<u-picker mode="time" v-model="timeShow" :params="timeParams" @confirm="getTime"></u-picker> |
|
|
|
<u-dropdown class="dropdownStyle" ref="dropdown1" height="100" active-color="#FE422B" @open="dropOpen" |
|
|
|
<!-- menu-icon='/static/shai.png' menu-icon-size='30' active-color="#464646" --> |
|
|
|
@close="dropClose"> |
|
|
|
<u-dropdown class="dropdownStyle" ref="dropdown1" height="100" title-size='28' active-color="#464646" |
|
|
|
|
|
|
|
@open="dropOpen" @close="dropClose"> |
|
|
|
<u-dropdown-item title="属性" @update:modelValue="open()"> |
|
|
|
<u-dropdown-item title="属性" @update:modelValue="open()"> |
|
|
|
<view class="slot-content"> |
|
|
|
<view class="slot-content"> |
|
|
|
<view class="slotItem"> |
|
|
|
<view class="slotItem"> |
|
|
@ -112,10 +116,7 @@ |
|
|
|
<view class="a">{{item.money}}</view> |
|
|
|
<view class="a">{{item.money}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="empty" v-else> |
|
|
|
<u-empty text="暂无数据显示哦~" v-else mode="list"></u-empty> |
|
|
|
<image :src="$picUrl+'/static/news1/walletEmpty.png'" mode="widthFix"></image> |
|
|
|
|
|
|
|
<text>暂无数据显示哦~</text> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<u-popup v-model="introShow" mode="center" border-radius="12"> |
|
|
|
<u-popup v-model="introShow" mode="center" border-radius="12"> |
|
|
|
<view class="introContent"> |
|
|
|
<view class="introContent"> |
|
|
@ -139,7 +140,7 @@ |
|
|
|
background: 'url(' + img + ') center top no-repeat', |
|
|
|
background: 'url(' + img + ') center top no-repeat', |
|
|
|
backgroundSize: '100% auto', |
|
|
|
backgroundSize: '100% auto', |
|
|
|
}, |
|
|
|
}, |
|
|
|
isEye:true, |
|
|
|
isEye: true, |
|
|
|
OrderType: 0, |
|
|
|
OrderType: 0, |
|
|
|
timeShow: false, |
|
|
|
timeShow: false, |
|
|
|
timeParams: { |
|
|
|
timeParams: { |
|
|
@ -185,7 +186,7 @@ |
|
|
|
this.OrderType = 999 |
|
|
|
this.OrderType = 999 |
|
|
|
}, |
|
|
|
}, |
|
|
|
dropClose() { |
|
|
|
dropClose() { |
|
|
|
this.OrderType ='' |
|
|
|
this.OrderType = '' |
|
|
|
this.getBalance('') |
|
|
|
this.getBalance('') |
|
|
|
}, |
|
|
|
}, |
|
|
|
onRecharge() { |
|
|
|
onRecharge() { |
|
|
@ -273,6 +274,7 @@ |
|
|
|
.wallet { |
|
|
|
.wallet { |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
|
|
|
|
|
|
.bgImg { |
|
|
|
.bgImg { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
@ -515,18 +517,18 @@ |
|
|
|
|
|
|
|
|
|
|
|
.btn { |
|
|
|
.btn { |
|
|
|
flex: 1; |
|
|
|
flex: 1; |
|
|
|
height: 100rpx; |
|
|
|
line-height: 85upx; |
|
|
|
line-height: 100rpx; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
font-size: 26rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
border: none !important; |
|
|
|
// border: none !important; |
|
|
|
|
|
|
|
width: 260rpx; |
|
|
|
|
|
|
|
height: 85upx |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.resetBtn { |
|
|
|
.resetBtn { |
|
|
|
background-color: #F3F4F6; |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 29px 29px 29px 29px; |
|
|
|
border-radius: 29px 29px 29px 29px; |
|
|
|
opacity: 1; |
|
|
|
border: 1px solid #DDDDDD; |
|
|
|
// border: 1px solid #F3F4F6; |
|
|
|
|
|
|
|
color: #222; |
|
|
|
color: #222; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -541,6 +543,10 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
::v-deep .uni-button:after { |
|
|
|
|
|
|
|
border: none !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
::v-deep .u-dropdown__menu { |
|
|
|
::v-deep .u-dropdown__menu { |
|
|
|
height: 100upx !important; |
|
|
|
height: 100upx !important; |
|
|
|
} |
|
|
|
} |
|
|
@ -703,12 +709,14 @@ |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|
color: #595959; |
|
|
|
color: #595959; |
|
|
|
|
|
|
|
margin: 0 6rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.b { |
|
|
|
.b { |
|
|
|
font-size: 26rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|
color: #A3A3A3; |
|
|
|
color: #A3A3A3; |
|
|
|
|
|
|
|
margin: 0 6rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -720,12 +728,14 @@ |
|
|
|
font-size: 40rpx; |
|
|
|
font-size: 40rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
color: #414141; |
|
|
|
color: #414141; |
|
|
|
|
|
|
|
margin: 0 6rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.b { |
|
|
|
.b { |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|
color: #A3A3A3; |
|
|
|
color: #A3A3A3; |
|
|
|
|
|
|
|
margin: 0 6rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|