<template>
	<view style="height: 100vh;background-color: #fff;">
		<view class="title_style">
			{{arrayInfo.title}}
		</view>
		<view class="date_style">
			{{arrayInfo.update_time}}
		</view>
		<view class="con_style" v-html="arrayInfo.content"></view>
	</view>
</template>

<script>
	import apiRoute from '@/api/apiRoute.js';
	export default {
		data() {
			return {
				articleId: undefined,
				arrayInfo: []
			}
		},
		onLoad(options) {
			this.articleId = options.id;
			console.log(this.articleId, 888)
			this.init()
		},
		methods: {
			init() {
				apiRoute.teachingResearchInfo(this.articleId).then(res => {
					if (res.code == 1) {
						this.arrayInfo = res.data
					}
				})
			},
		}
	}
</script>

<style>
	.title_style{
		width: 100%;
		text-align: center;
		font-size: 40rpx;
		font-weight: bold;
		padding-top: 10px;
	}
	.date_style{
		width: 100%;
		text-align: right;
		font-size: 20rpx;
		color: #ccc;
		padding-right: 16rpx;
		margin-top: 10px;
	}
	.con_style{
		font-size: 30rpx;
		padding: 18rpx;
		margin-top: 20px;
	}
</style>
