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> |