<template>
	<page-meta :page-style="themeColor"></page-meta>
	<view>
		<view class="iconfont iconshang navigate-back" @click="navigateBack"></view>
		<web-view :src="src"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: '',
				title: ''
			};
		},
		onReady() {
			// setTimeout(() => {
			uni.setNavigationBarTitle({
				title: this.title
			});
			// }, 1000)
		},
		onLoad(option) {
			this.src = decodeURIComponent(option.src);
			this.title = option.title
			// setTimeout(() => {
			// 	uni.setNavigationBarTitle({
			// 		title: this.title
			// 	});
			// }, 1000)
		},
		onShow() {
			setTimeout(() => {
				uni.setNavigationBarTitle({
					title: this.title
				});
			}, 2000)
		},
		methods: {
			navigateBack() {
				uni.navigateBack({
					delta: 1
				});
			}
		}
	};
</script>

<style lang="scss">
	.navigate-back {
		position: absolute;
		top: 34rpx;
		left: 34rpx;
		z-index: 5;
		font-size: $font-size-toolbar;
	}
</style>