139 lines
2.6 KiB
Vue
139 lines
2.6 KiB
Vue
|
<template>
|
|||
|
|
<view class="page">
|
|||
|
|
<u-navbar title="提现明细" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
|||
|
|
height='38'></u-navbar>
|
|||
|
|
<view class="title">
|
|||
|
|
总提现金额：<text>6370</text>元
|
|||
|
|
</view>
|
|||
|
|
<view class="bdlist">
|
|||
|
|
<view class="list" v-for="(item,index) in 3" :key="index" @click="btnnav">
|
|||
|
|
<view class="left">
|
|||
|
|
<view class="bh">
|
|||
|
|
fadgfryt16874234 <u-icon name="file-text" size="30" style="margin-left: 5rpx;"></u-icon>
|
|||
|
|
</view>
|
|||
|
|
<view class="sh">
|
|||
|
|
待审核
|
|||
|
|
</view>
|
|||
|
|
<view class="sj">
|
|||
|
|
2024-03-07 14:39:20
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="right">
|
|||
|
|
<view class="xia">
|
|||
|
|
<u-icon name="red-packet" size="30" style="margin-right: 5rpx;"></u-icon> 线下
|
|||
|
|
</view>
|
|||
|
|
<view class="je">
|
|||
|
|
1378.00
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="noshuju">
|
|||
|
|
没有更多数据了
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
btnnav(){
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url:'/pages/detail/detailed/index'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
page {
|
|||
|
|
background: linear-gradient(180deg, #25CE88 0%, rgba(255, 255, 255, 0) 100%);
|
|||
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|||
|
|
}
|
|||
|
|
.page {
|
|||
|
|
width: 750rpx;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
.title{
|
|||
|
|
width: 750rpx;
|
|||
|
|
height: 98rpx;
|
|||
|
|
line-height: 98rpx;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
padding-left: 40rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #3D3D3D;
|
|||
|
|
text{
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
color: #FF8157;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.bdlist{
|
|||
|
|
width: 750rpx;
|
|||
|
|
height: 1624rpx;
|
|||
|
|
background: #F4F5F7;
|
|||
|
|
padding: 24rpx 34rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
.noshuju{
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #979797;
|
|||
|
|
margin-top: 38rpx;
|
|||
|
|
}
|
|||
|
|
.list{
|
|||
|
|
width: 680rpx;
|
|||
|
|
height: 208rpx;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
|||
|
|
padding: 24rpx 30rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin-bottom: 24rpx;
|
|||
|
|
.left{
|
|||
|
|
.bh{
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #3D3D3D;
|
|||
|
|
}
|
|||
|
|
.sh{
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
color: #3D3D3D;
|
|||
|
|
margin-top: 16rpx;
|
|||
|
|
}
|
|||
|
|
.sj{
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #3D3D3D;
|
|||
|
|
margin-top: 16rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.right{
|
|||
|
|
text-align: right;
|
|||
|
|
.xia{
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #3D3D3D;
|
|||
|
|
margin-top: 26rpx;
|
|||
|
|
}
|
|||
|
|
.je{
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 40rpx;
|
|||
|
|
color: #FF8157;
|
|||
|
|
margin-top: 16rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|