更新

pages.json

@@ -77,6 +77,9 @@
 			},
 			{
 				"path": "home/journalism"
+			},
+			{
+				"path": "mine/recommend"
 			}
 		]
 	}],

pages/index/center.vue

@@ -95,7 +95,7 @@
 			<view class="cell-bottom">
 				<uv-cell-group>
 					<uv-cell icon="share" title="我的邀请码" :isLink="true" arrow-direction="right" />
-					<uv-cell icon="share" title="我的推荐" :isLink="true" arrow-direction="right " />
+					<uv-cell icon="share" title="我的推荐" :isLink="true" arrow-direction="right " @click="$utils.navigateTo('/pages_order/mine/recommend')" />
 					<uv-cell icon="share" title="联系客服" :isLink="true" arrow-direction="right " />
 					<uv-cell icon="share" title="我的地址" :isLink="true" arrow-direction="right " />
 				</uv-cell-group>

pages_order/mine/recommend.vue

@@ -0,0 +1,79 @@
+<template>
+	<view class="page">
+		<navbar title="推广明细" leftClick @leftClick="$utils.navigateBack" />
+		<view class="top">
+			<view class="top-text">
+				<view>100</view>
+				<view>直推人数(元)</view>
+			</view>
+		</view>
+		<view class="cell">
+			<view class="cell-top">推广明细</view>
+			<view class="cell-box" v-for="(item,index) in 10">
+				<uv-cell-group>
+					<uv-cell title="直推：张三" label="2024-11-12 12:56:48" :center="true">
+						<template #value>
+							<text style="font-weight: 600; font-size: 28rpx;">黄金会员</text>
+						</template>
+					</uv-cell>
+				</uv-cell-group>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		onLoad(e) {},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		background-color: #F3F3F3;
+		height: 100vh;
+
+		.top {
+			display: flex;
+			height: 400rpx;
+			justify-content: center;
+			align-items: center;
+			color: #474747;
+
+			.top-text {
+				text-align: center;
+
+				view:nth-child(1) {
+					font-size: 78rpx;
+					font-weight: 600;
+				}
+
+				view:nth-child(2) {
+					font-size: 28rpx;
+				}
+			}
+		}
+
+		.cell {
+			margin: 20rpx;
+			background-color: #FFFFFF;
+			border-radius: 16rpx;
+
+
+			.cell-top {
+				padding: 40rpx 34rpx;
+				color: #474747;
+				font-size: 34rpx;
+				font-weight: 600;
+			}
+		}
+	}
+</style>