上传

pages.json

@@ -97,6 +97,9 @@
 			},
 			{
 				"path": "service/heritagePath"
+			},
+			{
+				"path": "service/articleDetail"
 			}
 		]
 	}],

pages_order/service/applyRelic.vue

@@ -32,13 +32,15 @@
 		</view>
 
 		<view class="apply-list">
-			<uv-list  @scrolltolower="scrolltolower">
+			<uv-list @scrolltolower="scrolltolower">
 				<uv-list-item 
 				:title="item.articleTitle" 
 				:note="$dayjs(item.createTime).format('YYYY-MM-DD')"
 				:border="true"
 				v-for="(item,index) in list" 
 				:key="index"
+				:clickable="true"
+				@click="toUrl(item)"
 				>
 					<template #footer>
 						<uv-image :src="item.articleImage" radius="10rpx" width="240rpx"
@@ -83,6 +85,10 @@
 					this.queryArticleList()
 				}
 			},
+			toUrl(item){
+				console.log(item);
+				this.$utils.navigateTo(`/pages_order/service/articleDetail?id=${item.id}`)
+			},
 		}
 	}
 </script>

pages_order/service/articleDetail.vue

@@ -0,0 +1,39 @@
+<template>
+	<!-- 文化遗产详情、申遗历程详情、非遗体验详情 三合一 -->
+	<view class="page">
+		<navbar title="申遗历程" leftClick @leftClick="$utils.navigateBack" />
+		<uv-parse :content="detail.articleContent"></uv-parse>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				detail : {},
+				id : 0,
+			}
+		},
+		onLoad(args) {
+			this.id = args.id
+			this.queryArticleById()
+		},
+		methods: {
+			queryArticleById(){
+				this.$api('queryArticleById', {
+					id : this.id
+				}, res => {
+					if(res.code == 200){
+						this.detail = res.result
+					}
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.page{
+	
+}
+</style>