@ -1,111 +1,156 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<view class="head"> |
|||
<uni-icons type="medal" size="50"/> |
|||
<view class="box"> |
|||
<uni-icons custom-prefix="iconfont" :type="'icon-tixian'" size="50" :color="iconColor" ></uni-icons> |
|||
<view class="account-balance-title-box"> |
|||
<text>钱包余额</text> |
|||
</view> |
|||
<view class="box"> |
|||
<text>￥{{userInfo.amt}}</text> |
|||
<view class="account-balance-box"> <!-- userInfo.amt --> |
|||
<MoneyView :character="'￥'" :value="userInfo.amt || 0" :size="60"/> |
|||
</view> |
|||
<button class="withdrawBtn" size="default" :loading="loadingFlag" @click="withdraw('/pages-userInfo/withdraw/withdraw')" :disabled="checkUpload">发起提现</button> |
|||
</view> |
|||
<view class="bottom"> |
|||
<uni-group mode="card"> |
|||
<uni-list> |
|||
<uni-list-item title="管理收款账户" :show-extra-icon="true" :extra-icon="wallet" link to="/pages-userInfo/creatorAccount/creatorAccount"></uni-list-item> |
|||
<uni-list-item title="提现记录" :show-extra-icon="true" :extra-icon="withlog" link to="/pages-userInfo/withdraw/withdrawLog"></uni-list-item> |
|||
</uni-list> |
|||
</uni-group> |
|||
<view class="foot-item-box" v-for="(item, index) in list" :index="index" :key="index" > |
|||
<view class="list-click-item" @click="clickItem(item)"> |
|||
<uni-icons class="listIconImage" :custom-prefix="item.iconType" :type="item.icon" size="20" :color="iconColor" ></uni-icons> |
|||
<div class="text uni-white">{{item.title}}</div> |
|||
<uni-icons type="right" size="12" color="#ffffff" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
userInfo: {}, |
|||
wallet: { |
|||
color:'#0000ff', |
|||
size: '22', |
|||
type: 'wallet' |
|||
}, |
|||
withlog: { |
|||
color:'#0000ff', |
|||
size: '22', |
|||
type: 'compose' |
|||
}, |
|||
} |
|||
|
|||
}, |
|||
created() { |
|||
const userInfo = uni.getStorageSync('userInfo') |
|||
if (!userInfo) { |
|||
console.log('havent userInfo') |
|||
uni.showModal({ |
|||
content: '艺术家账户过期,请重新登录！', |
|||
showCancel: false, |
|||
success() { |
|||
//没有缓存则跳转登录页面 |
|||
uni.reLaunch({ |
|||
url: '/pages/login/login' |
|||
}); |
|||
} |
|||
}); |
|||
} else { |
|||
this.userInfo = userInfo; |
|||
console.log('have userInfo') |
|||
} |
|||
}, |
|||
methods: { |
|||
// targetToDetail(orderId) { |
|||
// console.log('orderId', orderId) |
|||
// if (orderId) { |
|||
// uni.navigateTo({ |
|||
// url: 'withdrawDetail?orderId=' + orderId, |
|||
// }); |
|||
// } |
|||
// }, |
|||
withdraw(url){ |
|||
uni.navigateTo({ |
|||
url: url |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
import MoneyView from "@/components/money-view/money-view.vue"; |
|||
export default { |
|||
components: { |
|||
MoneyView |
|||
}, |
|||
data() { |
|||
return { |
|||
iconColor: '#0b6375', |
|||
userInfo: {}, |
|||
list: [{ |
|||
url: '/pages-userInfo/creatorAccount/creatorAccount', |
|||
title: '管理收款账户', |
|||
click: 'link', |
|||
iconType: '', |
|||
icon: 'wallet' |
|||
}, { |
|||
url: '/pages-userInfo/withdraw/withdrawLog', |
|||
title: '提现记录', |
|||
click: 'link', |
|||
iconType: '', |
|||
icon: 'compose' |
|||
}, |
|||
], |
|||
} |
|||
|
|||
}, |
|||
created() { |
|||
const userInfo = uni.getStorageSync('userInfo') |
|||
if (!userInfo) { |
|||
console.log('havent userInfo') |
|||
uni.showModal({ |
|||
content: '艺术家账户过期,请重新登录！', |
|||
showCancel: false, |
|||
success() { |
|||
//没有缓存则跳转登录页面 |
|||
uni.reLaunch({ |
|||
url: '/pages/login/login' |
|||
}); |
|||
} |
|||
}); |
|||
} else { |
|||
this.userInfo = userInfo; |
|||
console.log('have userInfo') |
|||
} |
|||
}, |
|||
methods: { |
|||
// targetToDetail(orderId) { |
|||
// console.log('orderId', orderId) |
|||
// if (orderId) { |
|||
// uni.navigateTo({ |
|||
// url: 'withdrawDetail?orderId=' + orderId, |
|||
// }); |
|||
// } |
|||
// }, |
|||
withdraw(url){ |
|||
uni.navigateTo({ |
|||
url: url |
|||
}) |
|||
}, |
|||
clickItem(item) { |
|||
if (item.click === 'link') { |
|||
/** 跳转指定页面*/ |
|||
uni.navigateTo({ |
|||
url: item.url |
|||
}); |
|||
} else if (item.click === 'click') { |
|||
this[item.url](); |
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
<style lang="scss" scoped> |
|||
.container{ |
|||
width: 670rpx; |
|||
margin: 0 auto; |
|||
|
|||
.head{ |
|||
margin-bottom: 50rpx; |
|||
text-align: center; |
|||
.box{ |
|||
//border:1px red solid; |
|||
padding-bottom: 30rpx; |
|||
} |
|||
|
|||
.account-balance-title-box { |
|||
color: $uni-white; |
|||
font-size: 28rpx; |
|||
margin-top: 40rpx; |
|||
} |
|||
|
|||
.account-balance-box { |
|||
margin-bottom: 40rpx; |
|||
} |
|||
|
|||
.withdrawBtn{ |
|||
color: $uni-btn-text-color; |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
.withdrawBtn{ |
|||
width: 710rpx; |
|||
height: 60rpx; |
|||
background-color: royalblue; |
|||
color: #ffffff; |
|||
font-size: 30rpx; |
|||
line-height: 62rpx; |
|||
border-radius: 17rpx; |
|||
margin-top:100rpx; |
|||
} |
|||
.uni-list-item__icon-img { |
|||
border-radius: 16rpx; |
|||
} |
|||
|
|||
.uni-list-item__content-title { |
|||
font-size: 28rpx; |
|||
color: #3b4144; |
|||
overflow: hidden; |
|||
|
|||
.bottom { |
|||
|
|||
.foot-item-box { |
|||
width: calc(100% - 40rpx); |
|||
background: #1d2734; |
|||
border-radius: 20rpx; |
|||
padding: 20rpx; |
|||
margin-bottom: 20rpx; |
|||
|
|||
.list-click-item { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
height: 60rpx; |
|||
|
|||
.listIconImage{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
|
|||
.text { |
|||
font-size: 24rpx; |
|||
line-height: 40rpx; |
|||
width: 500rpx; |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
|
|||
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 223 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 8.2 KiB |
@ -1,20 +0,0 @@ |
|||
@font-face { |
|||
font-family: "customicons"; /* Project id 2878519 */ |
|||
src:url('/static/customicons.ttf') format('truetype'); |
|||
} |
|||
|
|||
.customicons { |
|||
font-family: "customicons" !important; |
|||
} |
|||
|
|||
.youxi:before { |
|||
content: "\e60e"; |
|||
} |
|||
|
|||
.wenjian:before { |
|||
content: "\e60f"; |
|||
} |
|||
|
|||
.zhuanfa:before { |
|||
content: "\e610"; |
|||
} |
|||
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 10 KiB |
@ -0,0 +1,97 @@ |
|||
@font-face { |
|||
font-family: "iconfont"; /* Project id 3930567 */ |
|||
src: url('/static/icon/iconfont.ttf?t=1677942061552') format('truetype'); |
|||
} |
|||
|
|||
.iconfont { |
|||
font-family: "iconfont" !important; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.icon-yinhangka:before { |
|||
content: "\e63b"; |
|||
} |
|||
|
|||
.icon-yinlian:before { |
|||
content: "\e61f"; |
|||
} |
|||
|
|||
.icon-tixian:before { |
|||
content: "\e603"; |
|||
} |
|||
|
|||
.icon-zhifubao:before { |
|||
content: "\e634"; |
|||
} |
|||
|
|||
.icon-weixin:before { |
|||
content: "\e63a"; |
|||
} |
|||
|
|||
.icon-shouji:before { |
|||
content: "\e8b9"; |
|||
} |
|||
|
|||
.icon-touxiang:before { |
|||
content: "\e69a"; |
|||
} |
|||
|
|||
.icon-xiaolian:before { |
|||
content: "\e64f"; |
|||
} |
|||
|
|||
.icon-pengyouquan:before { |
|||
content: "\e682"; |
|||
} |
|||
|
|||
.icon-GIF:before { |
|||
content: "\e686"; |
|||
} |
|||
|
|||
.icon-watch:before { |
|||
content: "\e699"; |
|||
} |
|||
|
|||
.icon-tixianjilu:before { |
|||
content: "\e6bb"; |
|||
} |
|||
|
|||
.icon-yaoqingtuiguang:before { |
|||
content: "\e601"; |
|||
} |
|||
|
|||
.icon-wenti:before { |
|||
content: "\e600"; |
|||
} |
|||
|
|||
.icon-dengpao:before { |
|||
content: "\e6cf"; |
|||
} |
|||
|
|||
.icon-zhifeiji:before { |
|||
content: "\e6a0"; |
|||
} |
|||
|
|||
.icon-xitongshezhi:before { |
|||
content: "\e667"; |
|||
} |
|||
|
|||
.icon-tongzhigonggao:before { |
|||
content: "\e602"; |
|||
} |
|||
|
|||
.icon-renminbi:before { |
|||
content: "\e621"; |
|||
} |
|||
|
|||
.icon-yonghu:before { |
|||
content: "\e624"; |
|||
} |
|||
|
|||
.icon-shouye:before { |
|||
content: "\e639"; |
|||
} |
|||
|
|||
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 979 B |
|
Before Width: | Height: | Size: 966 KiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 763 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 997 B |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 12 KiB |