<!-- 文章展示 -->
<template>
	<!-- <s-layout class="set-wrap" :title="state.title" :bgStyle="{ color: '#FFF' }"> -->
	<headerTopsTips></headerTopsTips>
	<uni-nav-bar left-icon="left" :title="state.title" backgroundColor="#e6eafa" @clickLeft="handlegoback" />
	<view class="ss-p-30">
		<mp-html class="richtext" :content="state.content" />
	</view>
	<!-- </s-layout> -->
</template>

<script setup>
	import {
		onLoad
	} from '@dcloudio/uni-app';
	import {
		reactive
	} from 'vue';
	// import ArticleApi from '@/sheep/api/promotion/article';
	import headerTopsTips from '@/pages/components/header_tops_tips.vue'

	const state = reactive({
		title: '',
		content: '',
	});

	async function getRichTextContent(id, title) {
		const {
			code,
			data
		} = await ArticleApi.getArticle(id, title);
		// console.log(code, 'code')
		// console.log(data, 'data')
		if (code !== 0) {
			return;
		}
		state.content = data.content;
		// 标题不一致时，修改标题
		if (state.title !== data.title) {
			state.title = data.title;
			uni.setNavigationBarTitle({
				title: state.title,
			});
		}
	}

	function handlegoback() {
		uni.navigateBack()
	}
	onLoad((options) => {
		// console.log(options, 'options')
		if (options.title) {
			state.title = options.title;
			uni.setNavigationBarTitle({
				title: state.title,
			});
		}
		getRichTextContent(options.id, options.title);
	});
</script>

<style lang="scss" scoped>
	.set-title {
		margin: 0 30rpx;
	}

	.richtext {}
</style>