<template>
  <view>
    <web-view :webview-styles="webviewStyles" ref="web" :src="url"></web-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      webviewStyles: {
        progress: {
          color: '#FF3333',
        },
      },
      url: '',
    };
  },
  onLoad(e) {
    this.url = decodeURIComponent(e.url);
      //#ifdef APP-PLUS 
    var height = 0; //定义动态的高度变量，如高度为定值，可以直接写
    uni.getSystemInfo({
      //成功获取的回调函数，返回值为系统信息
      success: (sysinfo) => {
        height = sysinfo.windowHeight; //自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
      },
      complete: () => {},
    });
    var currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
    setTimeout(function () {
      var wv = currentWebview.children()[0];
      wv.setStyle({
        //设置web-view距离顶部的距离以及自己的高度，单位为px
        // top: 44,//此处是距离顶部的高度，应该是你页面的头部
        // bottom:0,//防止输入框被软键盘遮挡
        // height:height,//webview的高度
        scalable: true, //webview的页面是否可以缩放，双指放大缩小
      });
      // wx.setTitleNViewButtonStyle({
      // 	index:0,
      // 	styles:{
      // 		type:'back'
      // 	}
      // })
    }, 1000);
    //#endif
  },
  methods: {},
};
</script>

<style lang="scss"></style>
