<template>
	<view class="article-details">
		<rich-text :nodes="nodes"></rich-text>
	</view>
</template>
<script>
export default {
	data() {
		return {
			nodes: `<p>13268748568645634nfdhf dfvjdfjgdfl vdufhnh1</p>123346<h1>das</h1><h1>das</h1><h1>das1</h1><h2>das2</h2><h3>das3</h3>`
		}
	},
	onLoad(option) {
		console.log(option);
		this.setTitle(option.title);
		this.getUseHelpInfo(option.id);
	},
	methods: {
		setTitle(title){
			uni.setNavigationBarTitle({
				title: title
			});
		},
		unescapeHTML (temp){
			temp = "" + temp;
			return temp.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&apos;/g, "'");
		},
		getUseHelpInfo(id) {
			this.$u.api.getUseHelpInfo({
			    launch_id: id,
			}).then((res)=>{
				// console.log(res)
				if (res.errCode == 0) {
					this.nodes = this.unescapeHTML(res.data.info[0].help_info);
					this.setTitle(res.data.info[0].help_title);
				}
			})
		}
	},
}
</script>
<style lang="scss" scoped>
.article-details {
	min-height: calc(100vh - var(--window-top));
	background: #ECECEC;
	padding: 20rpx 35rpx 0;
}
</style>