duantuihe/pages/my/yongjinDetail/index.vue

<template>
	<view class="container">
		<navBar title="佣金明细" :back="true" color="#333333" background="#FFFFFF" />

		<view class="bgBox">
			<view class="topBox">
				<view class="userBox">
					<image class="avatar" src="../../../static/tabbar/my.png" mode=""></image>
					达布溜
					<view class="flag">
						推广大使
						<image src="../../../static/other/huangguan.png" mode="" class="hg_i"></image>
					</view>
				</view>

				<view class="cardTop">
					<!-- <image src="../../../static/tabbar/my.png" mode="" class="water_coin"></image> -->
					<view class="left">
						<view class="txt">
							累计收入(元)
						</view>
						<view class="money">
							￥2389
						</view>
					</view>
					<view class="right">
						<view class="txt">
							可提现收入(元)
						</view>
						<view class="money">
							￥329
						</view>
					</view>
				</view>
			</view>

			<view class="botContent">
				<view class="cardBot">
					<view class="btn" @click="cash">
						立即提现
					</view>
				</view>

				<view class="titleBox">
					佣金明细
				</view>

				<view class="list">
					<view class="item" v-for="i in 3">
						<!-- <image src="../../../static/tabbar/my.png" mode="" class="water2"></image> -->
						<view class="top">
							<view class="left">
								<image src="../../../static/tabbar/my.png" mode="" class="avatar"></image>
								<view class="des">
									<view class="name">
										推荐用户XXXXX
									</view>
									<view class="time">
										2023-10-20 12:21
									</view>
								</view>
							</view>
							<view class="right">
								+36
							</view>
						</view>
						<view class="bot">
							购买了299.9的尊享套餐，您获得了佣金36元
						</view>
					</view>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	// import navBar from '@/components/navBar/index.vue'
	export default {
		// components: {
		// 	navBar
		// },
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			cash() {
				uni.navigateTo({
					url: '/pages/my/cash/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "./index.scss";
</style>