<template>
	<view class="page">
		<u-navbar title="提现明细" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
			height='58'></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">
	/deep/ .u-title,
	/deep/ .uicon-nav-back {
		padding-bottom: 40rpx;
	}
	
	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: 700;
						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>