<template>
	<el-layout>
		<el-navbar :placeholder="true" :fixed="true" :autoBack="true" :border="true" title="帮助详情"></el-navbar>
		<view class="wrapper">
			<view class="title">{{ detail.title || "" }}</view>
			<view class="content">
				<view v-if="detail.content != undefined" v-html="detail.content"></view>
			</view>
		</view>
	</el-layout>
</template>

<script setup>
	import { ref } from "vue";
	import { onLoad } from "@dcloudio/uni-app";
	import { navigateTo } from "@/el-ui/libs/navigate.js"
	
	const detail = ref([]);
	onLoad((option)=>{
		uni.$http.get("ucenter.help/detail",{ id: option.id }).then(res=>{
			if(res.code){
				detail.value = res.data;
			}
		});
	});
	
	
</script>

<style lang="scss" scoped>
	page {
		background-color: #fff;
	}
	.wrapper {
		padding: 20rpx;
		.title {
			padding: 20rpx 0;
			border-bottom: 2rpx solid #eee;
		}
		.content {
			padding: 20rpx 0;
		}
	}
</style>