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