<template>
|
<view class="full-page">
|
<view class="content">
|
<view class="balance">
|
<view class="header chuany-flex chuany-justify-between chuany-align-center">
|
<view class="left">
|
<view class="c-p-b-16">
|
收入余额（元）
|
</view>
|
<text class="chuany-font50 fs-weight__500">12.88</text>
|
</view>
|
<view class="right">
|
<up-button type="warning" size="small" shape="circle" text="提现"></up-button>
|
</view>
|
</view>
|
</view>
|
|
<view class="money_bag">
|
<view class="tool_wrap">
|
<view class="tool_title chuany-flex chuany-justify-between">
|
<view class="title">
|
<text>收入明细</text>
|
</view>
|
<view class="chuany-flex title_right">
|
<text class="c-m-r-10">全部</text>
|
<up-icon name="arrow-right"></up-icon>
|
</view>
|
</view>
|
<view class="tool_content">
|
<up-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
|
</up-empty>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
onLoad() {
|
let that = this
|
uni.getStorage({
|
key: 'identity',
|
success: function(res) {
|
that.identity = res.data
|
}
|
});
|
},
|
data() {
|
return {
|
identity: ''
|
}
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.content {
|
width: 100%;
|
height: 390rpx;
|
background-color: #fed244;
|
box-sizing: border-box;
|
padding: 50rpx 22rpx 0 22rpx;
|
|
.balance {
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
background-color: #fff;
|
border-radius: 20rpx 20rpx 0 0;
|
padding: 30rpx;
|
|
.header {
|
width: 100%;
|
height: 85%;
|
box-sizing: border-box;
|
border: 1px solid #eeeff4;
|
border-radius: 15rpx;
|
padding: 25rpx;
|
background-image: linear-gradient(to bottom, #f4f5fc, #ffffff);
|
|
.left {}
|
|
.right {
|
width: 130rpx;
|
}
|
}
|
}
|
}
|
|
@import './mine.scss';
|
|
.money_bag {
|
background: #fff;
|
border-radius: 16rpx;
|
margin-top: 30rpx;
|
// padding: 20rpx 30rpx;
|
position: relative;
|
// top: 25rpx;
|
z-index: 2;
|
}
|
|
.tool_wrap {
|
.tool_title {
|
padding: 30rpx;
|
border-bottom: 2rpx solid #eee;
|
.title {
|
color: #333;
|
font-size: 32rpx;
|
font-weight: 700;
|
}
|
.title_right{
|
color:#939499;
|
}
|
}
|
|
.tool_content {
|
padding: 30rpx 0;
|
}
|
}
|
</style>
|
