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

<script>
	export default {
		data() {
			return {
				src: '',
				webviewStyles: {
					progress: {
						color: '#FF3333'
					}
				},
			}
		},
		onShow() {
			const pages = getCurrentPages()
			const { options } = 
			this.src = `http://view.xdocin.com/xdoc?_xdoc=${pages[pages.length - 1].options.id == 1 ? 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220530/docx/1531155187057057792.docx' : 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220530/docx/1531156166884220928.docx'}`
		},
		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>
