wangluohuoyun-huozhuapp/pages/mine/company/addcompanythree.vue

<template>
	<view>
		<web-view id="mapContainer" :src="srcHandler()"></web-view>
	<!-- 	<view style='text-align:center;height:90vh;'>
			<view style='transform: translateY(50%);'>
				<image class="xj-image" src="@/static/mine/company/shipinrenzheng.png" @click="openVideo"></image>
				<view class='hinttext'>请打开摄像头并阅读提示文字</view>
			</view>
		</view>
		<view class="content4">
			<view style='margin:0 0 18px;font-size:12px;color:#999;' class='flex items-center'>
				<u--image style='margin-right:5px;' @click='consent'
					:src="checked?'../../../static/mine/duihao@2x.png':'../../../static/mine/wxz.png'"
					width="12px" height="12px"></u--image>
					我已阅读并同意全部细则
			</view>
			<view class='line'></view>
			<view class="next-btn" :class="checked?'active':'' " @click="goDetailPage('/pages/mine/company/companyvideo')">
				开始
			</view>
		</view> -->
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checked:false,
			}
		},
		methods: {
		srcHandler() {
			// 
			return `/hybrid/html/video.html`
		},
			// openVideo(){
			// 		uni.$u.route('/pages/mine/camera/video/video?dotype=idcardface');
			// 	// console.log(uni)
			// 	// uni.chooseVideo({
			// 	//   count: 1,
			// 	//   mediaType: ['video'],
			// 	//   sourceType: ['camera'],
			// 	//   maxDuration: 30,
			// 	//   camera: 'back',
			// 	//   success(res) {
			// 	//     console.log(res.tempFilest)
			// 	//   }
			// 	// })
			// },
			// consent(){
			// 	this.checked=!this.checked
			// },
			// goDetailPage(src) 
			// {
			// 	if(this.checked){
			// 		uni.$u.route(src);
			// 	}
			// },
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background:#F5F6FA;
	}
	.xj-image{
		width:216rpx;
		height:216rpx;
	}
	.hinttext{
		width:236rpx;
		margin:80rpx auto 0;
		font-size:32rpx;
	}
	.content4 {
		position:fixed;
		bottom:0;
		background: white;
		width:100%;
		text-align:center;
		left:0;
		box-sizing: border-box;;
		padding:10px 15px;
		.line{
			position:absolute;
			left:0;
			margin-top:-9px;
			border-top:1px solid #eee;
			width:100%;
		}
		.next-btn {
			background: #F1F3F6;
			width: 85%;
			padding: 20rpx 20rpx;
			text-align: center;
			color: #C5CAD4;
			border-radius: 50rpx;margin:0 auto;
			margin-top:10px;
		}
		.next-btn.active{
			background: #2772FB;
			color:#fff;
		}
	}
</style>