yql/pages/video/detail.nvue

<template>
	<view>
		<wanl-find-play ref="find1Play" :find_id="find_id" :width="windowWidth" :height="windowHeight"
			:bottom="windowBottom" :safeBottom="safeBottom" />
		<view class="position-top-center padding-lr-bj flex-direction justify-between align-center"
			:style="{ height: `${headHeight}px`, paddingTop: `${headTop}px` }" @tap="handleBack">
			<text class="icon text-white text-xl">&#xe645;</text>
		</view>
	</view>
</template>

<script>
	import wanlFindPlay from './play';
	export default {
		components: {
			wanlFindPlay
		},
		beforeCreate() {
			// #ifdef APP-NVUE
			var domModule = weex.requireModule('dom');
			domModule.addRule('fontFace', {
				fontFamily: 'iconfont',
				src: "url('/static/css/font/iconfont.ttf')"
			});
			// #endif
		},
		data() {
			return {
				find_id: 0,
				headTop: 0,
				headHeight: 0,
				windowWidth: 0,
				windowHeight: 0,
				safeBottom: 0,
				windowBottom: 0
			};
		},
		onHide() {
			setTimeout(() => {
				this.$refs.find1Play.handleVideoPause();
			}, 50);
		},
		onLoad(option) {
			this.find_id = option.id;
			console.log("option.id", option.id);
			const sys = uni.getSystemInfoSync();
			this.headTop = sys.statusBarHeight;
			this.headHeight = sys.statusBarHeight + uni.upx2px(90);
			this.windowWidth = sys.windowWidth;
			this.windowHeight = sys.windowHeight;
			this.windowBottom = 0;
			// #ifdef APP-NVUE
			this.windowBottom = sys.windowBottom;
			// #endif
			this.safeBottom = sys.safeAreaInsets.bottom;
		},
		methods: {
			handleBack() {
				uni.navigateBack();
			}
		}
	};
</script>

<style>
	@import '@/static/css/common.css';
</style>