<template>
	<view class="page">
		<web-view :webview-styles="webviewStyles" :src="src"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				files: [
					'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220530/docx/1531155187057057792.docx',
					'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220530/docx/1531156166884220928.docx',
					'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220601/docx/1531930503312596992.docx', // 人工智能
					'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220601/docx/1531930756791164928.docx', // 大数据
					'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220601/docx/1531929864150999040.docx', // 金融科技
				],
				src: '',
				webviewStyles: {
					progress: {
						color: '#FF3333'
					}
				},
			}
		},
		onShow() {
			const pages = getCurrentPages()
			const { options } = 
			this.src = `http://view.xdocin.com/xdoc?_xdoc=${this.files[pages[pages.length - 1].options.id]}`
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
.page {
	padding: 60rpx 40rpx;
	background-color: #fff;
}
.title {
	margin-bottom: 30rpx;
	font-size: 38rpx;
	text-align: center;
	color: #333;
}
.content {
	white-space: pre-wrap;
	font-size: 28rpx;
}
</style>
