<template>
	<view class="page">
		<u-navbar title="视频教程" :border-bottom="false" :background="bgc" back-icon-color="#262B37" title-color='#262B37'
			title-size='36' height='36' id="navbar">
		</u-navbar>
        <view class="list">
            <view class="list_item">
				<web-view :src="http"  @load="onWebViewLoad" @error="onWebViewError"></web-view>
            </view>
        </view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
                bgc: {
                	backgroundColor: "#fff",
                },
				http:''
			}
		},
		onLoad() {
           this.http = 'https://weixin.qq.com/sph/AV48NNirw'
		//    this.http = 'https://weixin.qq.com/sph/AclK6wcxT'
		   console.log(this.http);
		},
		methods: {
			// 一进入页面就执行
			onWebViewLoad(e) {
			    console.log('网页加载完成', e)
			    uni.showToast({ title: '页面加载完成', icon: 'none' })
			  },
			  
			  // 网页加载失败时触发
			  onWebViewError(e) {
			    console.error('加载失败', e)
			    uni.showToast({ title: '加载失败', icon: 'none' })
			  }
		}
	}
</script>

<style lang="scss">
	page {
		background: #fff;
	}

</style>