@ -1,111 +1,156 @@ |
|||||
<template> |
<template> |
||||
<view class="container"> |
<view class="container"> |
||||
<view class="head"> |
<view class="head"> |
||||
<uni-icons type="medal" size="50"/> |
<uni-icons custom-prefix="iconfont" :type="'icon-tixian'" size="50" :color="iconColor" ></uni-icons> |
||||
<view class="box"> |
<view class="account-balance-title-box"> |
||||
<text>钱包余额</text> |
<text>钱包余额</text> |
||||
</view> |
</view> |
||||
<view class="box"> |
<view class="account-balance-box"> <!-- userInfo.amt --> |
||||
<text>￥{{userInfo.amt}}</text> |
<MoneyView :character="'￥'" :value="userInfo.amt || 0" :size="60"/> |
||||
</view> |
</view> |
||||
<button class="withdrawBtn" size="default" :loading="loadingFlag" @click="withdraw('/pages-userInfo/withdraw/withdraw')" :disabled="checkUpload">发起提现</button> |
<button class="withdrawBtn" size="default" :loading="loadingFlag" @click="withdraw('/pages-userInfo/withdraw/withdraw')" :disabled="checkUpload">发起提现</button> |
||||
</view> |
</view> |
||||
<view class="bottom"> |
<view class="bottom"> |
||||
<uni-group mode="card"> |
<view class="foot-item-box" v-for="(item, index) in list" :index="index" :key="index" > |
||||
<uni-list> |
<view class="list-click-item" @click="clickItem(item)"> |
||||
<uni-list-item title="管理收款账户" :show-extra-icon="true" :extra-icon="wallet" link to="/pages-userInfo/creatorAccount/creatorAccount"></uni-list-item> |
<uni-icons class="listIconImage" :custom-prefix="item.iconType" :type="item.icon" size="20" :color="iconColor" ></uni-icons> |
||||
<uni-list-item title="提现记录" :show-extra-icon="true" :extra-icon="withlog" link to="/pages-userInfo/withdraw/withdrawLog"></uni-list-item> |
<div class="text uni-white">{{item.title}}</div> |
||||
</uni-list> |
<uni-icons type="right" size="12" color="#ffffff" /> |
||||
</uni-group> |
</view> |
||||
|
</view> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
export default { |
import MoneyView from "@/components/money-view/money-view.vue"; |
||||
data() { |
export default { |
||||
return { |
components: { |
||||
userInfo: {}, |
MoneyView |
||||
wallet: { |
}, |
||||
color:'#0000ff', |
data() { |
||||
size: '22', |
return { |
||||
type: 'wallet' |
iconColor: '#0b6375', |
||||
}, |
userInfo: {}, |
||||
withlog: { |
list: [{ |
||||
color:'#0000ff', |
url: '/pages-userInfo/creatorAccount/creatorAccount', |
||||
size: '22', |
title: '管理收款账户', |
||||
type: 'compose' |
click: 'link', |
||||
}, |
iconType: '', |
||||
} |
icon: 'wallet' |
||||
|
}, { |
||||
}, |
url: '/pages-userInfo/withdraw/withdrawLog', |
||||
created() { |
title: '提现记录', |
||||
const userInfo = uni.getStorageSync('userInfo') |
click: 'link', |
||||
if (!userInfo) { |
iconType: '', |
||||
console.log('havent userInfo') |
icon: 'compose' |
||||
uni.showModal({ |
}, |
||||
content: '艺术家账户过期,请重新登录！', |
], |
||||
showCancel: false, |
} |
||||
success() { |
|
||||
//没有缓存则跳转登录页面 |
}, |
||||
uni.reLaunch({ |
created() { |
||||
url: '/pages/login/login' |
const userInfo = uni.getStorageSync('userInfo') |
||||
}); |
if (!userInfo) { |
||||
} |
console.log('havent userInfo') |
||||
}); |
uni.showModal({ |
||||
} else { |
content: '艺术家账户过期,请重新登录！', |
||||
this.userInfo = userInfo; |
showCancel: false, |
||||
console.log('have userInfo') |
success() { |
||||
} |
//没有缓存则跳转登录页面 |
||||
}, |
uni.reLaunch({ |
||||
methods: { |
url: '/pages/login/login' |
||||
// targetToDetail(orderId) { |
}); |
||||
// console.log('orderId', orderId) |
} |
||||
// if (orderId) { |
}); |
||||
// uni.navigateTo({ |
} else { |
||||
// url: 'withdrawDetail?orderId=' + orderId, |
this.userInfo = userInfo; |
||||
// }); |
console.log('have userInfo') |
||||
// } |
} |
||||
// }, |
}, |
||||
withdraw(url){ |
methods: { |
||||
uni.navigateTo({ |
// targetToDetail(orderId) { |
||||
url: url |
// 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> |
</script> |
||||
|
|
||||
<style lang="scss"> |
<style lang="scss" scoped> |
||||
.container{ |
.container{ |
||||
|
width: 670rpx; |
||||
|
margin: 0 auto; |
||||
|
|
||||
.head{ |
.head{ |
||||
margin-bottom: 50rpx; |
margin-bottom: 50rpx; |
||||
text-align: center; |
text-align: center; |
||||
.box{ |
|
||||
//border:1px red solid; |
.account-balance-title-box { |
||||
padding-bottom: 30rpx; |
color: $uni-white; |
||||
} |
font-size: 28rpx; |
||||
|
margin-top: 40rpx; |
||||
|
} |
||||
|
|
||||
|
.account-balance-box { |
||||
|
margin-bottom: 40rpx; |
||||
|
} |
||||
|
|
||||
|
.withdrawBtn{ |
||||
|
color: $uni-btn-text-color; |
||||
|
} |
||||
|
|
||||
} |
} |
||||
} |
|
||||
|
.bottom { |
||||
.withdrawBtn{ |
|
||||
width: 710rpx; |
.foot-item-box { |
||||
height: 60rpx; |
width: calc(100% - 40rpx); |
||||
background-color: royalblue; |
background: #1d2734; |
||||
color: #ffffff; |
border-radius: 20rpx; |
||||
font-size: 30rpx; |
padding: 20rpx; |
||||
line-height: 62rpx; |
margin-bottom: 20rpx; |
||||
border-radius: 17rpx; |
|
||||
margin-top:100rpx; |
.list-click-item { |
||||
} |
display: flex; |
||||
.uni-list-item__icon-img { |
align-items: center; |
||||
border-radius: 16rpx; |
justify-content: space-between; |
||||
} |
height: 60rpx; |
||||
|
|
||||
.uni-list-item__content-title { |
.listIconImage{ |
||||
font-size: 28rpx; |
width: 40rpx; |
||||
color: #3b4144; |
height: 40rpx; |
||||
overflow: hidden; |
} |
||||
|
|
||||
|
.text { |
||||
|
font-size: 24rpx; |
||||
|
line-height: 40rpx; |
||||
|
width: 500rpx; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
} |
} |
||||
</style> |
</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 |