bn-q-icon/pages/my/inner-page/all_profit.vue

<script>
	export default {
		name: "all-profit",
		components: {},
		data() {
			return {};
		},
		mounted() {},
		methods: {
			returnBut() {
				uni.navigateBack({
					delta: 1
				});
			}
		},
	}
</script>

<template>
	<view class="flex-common-css box-sizing-border box-b">
		<view class="nav-box bgc-f box-sizing-border align-items-center">
			<!-- <i @click="returnBut" class="el-icon-arrow-left fw-b fs-20 mr-10"></i> -->
			<uni-icons @click="returnBut" type="left" size="20"></uni-icons>
			<view class="fs-14 fw-b">总收益</view>
		</view>
		<view class="head-box flex-direction-column align-items-center flex-justify-center b-rad-10 mb-10">
			<view class="fs-14 fc-f mb-4">
				总收益
			</view>
			<view class="fs-18 fc-f fw-b mb-4">
				100
			</view>
			<view class="fs-14 fc-f text-align-center tx-box b-rad-20">
				提现
			</view>
		</view>
		<view class="fs-14 fw-b mb-10">
			历史明细
		</view>
		<view class="scroll-view-css b-rad-10">
			<view v-for="item in 18" :key="item.id"
				class="p-10 box-sizing-border bgc-f b-rad-10 align-items-center flex-justify-space">
				<view>
					<view class="fs-14 fw-b mb-4">
						静态释放
					</view>
					<view class="fs-12 fc-858585">
						2023-12-11 20:44:10
					</view>
				</view>
				<view class="fs-14 fw-b">
					0.4
				</view>
			</view>
			<view class="fs-14 text-align-center pt-10">
				~暂无记录
			</view>
		</view>
	</view>
</template>

<style scoped lang="scss">
	.box-b {
		padding: 60px 10px 10px;
	}

	.nav-box {
		width: 100%;
		height: 40px;
		line-height: 40px;
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 10px;
	}

	.tx-box {
		width: 30%;
		height: 40px;
		background: #ff952d;
		line-height: 40px;
	}

	.head-box {
		padding: 30px 0;
		background-image: linear-gradient(270deg, #ffc62c, #ffa954);
	}
</style>