<template>
	<!-- 0文化遗产详情、1申遗历程详情、2非遗体验详情 三合一 -->
	<view class="page">
		<navbar :title="titles[type]" leftClick @leftClick="$utils.navigateBack" />
		<uv-parse :content="detail.articleContent"></uv-parse>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				titles: ['文化遗产', '申遗历程', '非遗体验'],
				detail : {},
				id : 0,
				type : 0,
			}
		},
		onLoad(args) {
			this.id = args.id
		},
		onShow() {
			this.queryArticleById()
		},
		onPullDownRefresh(){
			this.queryArticleById()
		},
		methods: {
			queryArticleById(){
				this.$api('queryArticleById', {
					articleId : this.id
				}, res => {
					uni.stopPullDownRefresh()
					if(res.code == 200){
						this.detail = res.result
					}
				})
			},
		}
	}
</script>

<style scoped lang="scss">
.page{
	
}
</style>
