<template>
	<view class="page">
		<view class="pageMain" v-if="showPage">
			<view class="padding-top-25 padding-bottom-20 padding-lr-30 border-bottom-ed">
				<view class="text-32 text-33 text-bold line-40 margin-bottom-15">
					{{pageData.title}}
				</view>
				<view class="text-24 text-aa">
					{{pageData.show_create_time}}
				</view>
			</view>
			<view class="msgBox">
				<view class="text-26 text-33 line-45">{{pageData.question}}</view>
				<view class="margin-top-30 answerBox" v-if="pageData.answer">
					<view class="text-28 text-33 text-bold margin-bottom-10 line-40">
						回答
					</view>
					<view class="">
						<ty-text-rich-text :html="pageData.answer"></ty-text-rich-text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				pageData:{},
				showPage:false,
				
			}
		},
		onLoad(options) {
			this.id =options.id;
			this.rq.getData('fire/api/Fire/getKnowledgeDetail',{
				knowledge_id : this.id
			}).then(res=>{
				if(res.code == 0){
					this.pageData = res.data.detail;
					this.showPage = true;
				}
			})
		},
		methods: {
				
		}
	}
</script>

<style scoped>
	.pageMain{
		width: 100vw;
		min-height: 100vh;
		background: #fff;
	}
	.msgBox{
		width: 100vw;
		padding: 20rpx 30rpx calc(30rpx + env(safe-area-inset-bottom));
		box-sizing: border-box;
	}
	.answerBox{
		border-radius: 10rpx;
		border: 1rpx solid #EDEDED;
		padding: 20rpx 25rpx 25rpx;
		box-sizing: border-box;
		width: 100%;
	}
</style>