diff --git a/src/application/article-details.vue b/src/application/article-details.vue
index e311407..f59941a 100644
--- a/src/application/article-details.vue
+++ b/src/application/article-details.vue
@@ -18,16 +18,17 @@
 			</view>
 		</view>
 		
-		<view class="module" id="anchor-1">
+		<view class="module" id="anchor-1" v-if="relatedProducts.length">
 			{{$t('news.relatedProducts')}}
 		</view>
 		
-		<view class="container">
+		<view class="container" v-if="relatedProducts.length">
 			<view class="product-list">
 				<view 
 				    class="product-item"
 					v-for="item in relatedProducts"
 					:key="item.id"
+					@click="goRelatedProducts(item)"
 				>
 					<image class="cover" :src="item.mainPic" mode="aspectFill"></image>
 					<view class="text-ellipsis title">
@@ -67,6 +68,7 @@
 	const id = ref('')
 	const info = ref({})
 	const productsImages = ref([])
+	const relatedProducts = ref([])
 	const getInfo = () => {
 		prodOrNewsInfoApi(id.value).then(({data:res}) => {
 			info.value = res.data.busiProdNew
@@ -78,6 +80,7 @@
 			uni.setNavigationBarTitle({
 				title: res.data.busiProdNew.title
 			})
+			relatedProducts.value = res.data.randomList
 			nextTick(() => {
 				anchorTop.value.forEach(item => {
 					const query = uni.createSelectorQuery().in(this);
@@ -88,13 +91,12 @@
 			})
 		})
 	}
-
-	const relatedProducts = ref([
-		{id:123,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
-		{id:121233,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
-		{id:122221113,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
-		{id:121113123,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'}
-	])
+	
+	const goRelatedProducts = (row) => {
+		uni.navigateTo({
+			url: `/application/product-details?id=${row.id}`
+		})
+	}
 	
 	onPullDownRefresh(async() => {
 		try {
diff --git a/src/application/product-details.vue b/src/application/product-details.vue
index b0310f8..5223216 100644
--- a/src/application/product-details.vue
+++ b/src/application/product-details.vue
@@ -152,16 +152,17 @@
 			</uni-forms>
 		</view>
 		
-		<view class="module" id="anchor-3">
+		<view class="module" id="anchor-3" v-if="relatedProducts.length">
 			{{$t('news.relatedProducts')}}
 		</view>
 		
-		<view class="container">
+		<view class="container" v-if="relatedProducts.length">
 			<view class="product-list">
 				<view 
 				    class="product-item"
 					v-for="item in relatedProducts"
 					:key="item.id"
+					@click="goRelatedProducts(item)"
 				>
 					<image class="cover" :src="item.mainPic" mode="aspectFill"></image>
 					<view class="text-ellipsis title">
@@ -221,6 +222,7 @@
 	const id = ref('')
 	const info = ref({})
 	const productsImages = ref([])
+	const relatedProducts = ref([])
 	const getInfo = () => {
 		prodOrNewsInfoApi(id.value).then(({data:res}) => {
 			info.value = res.data.busiProdNew
@@ -232,6 +234,7 @@
 			uni.setNavigationBarTitle({
 				title: res.data.busiProdNew.title
 			})
+			relatedProducts.value = res.data.randomList
 			nextTick(() => {
 				anchorTop.value.forEach(item => {
 					const query = uni.createSelectorQuery().in(this);
@@ -316,19 +319,18 @@
 		})
 	}
 	
-	const relatedProducts = ref([
-		{id:123,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
-		{id:121233,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
-		{id:122221113,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'},
-		{id:121113123,title: 'SINOTRUK HOWO Tractor Truck Head',mainPic:'https://dianliang123.oss-cn-qingdao.aliyuncs.com/user/2025/07/09/55979a0deee24031a38e934c6b06ca20.jpg'}
-	])
-	
 	const goOnline = () => {
 		uni.navigateTo({
 			url: `/application/online?prodId=${info.value.id}`
 		})
 	}
 	
+	const goRelatedProducts = (row) => {
+		uni.navigateTo({
+			url: `/application/product-details?id=${row.id}`
+		})
+	}
+	
 	const previewImg = (index) => {
 		uni.previewImage({
 			urls: productsImages.value,