<template>
  <view style="width: 100%;height: 100%;">
    <view class="emptyview"
          >
      <web-view :webview-styles="webviewStyles"
                 :update-title="false"
                :fullscreen="false" :src="urls"></web-view>
    </view>
  </view>
</template>

<script>
// :style="{height:`calc(100% - ${Number(globalData.navObjs)}px - ${Number(globalData.navTop)}px)`,margintop:Number(globalData.navObjs) + Number(globalData.navTop) + 'px',}"
// :style="{marginTop:Number(globalData.navObjs) + Number(globalData.navTop) + 'px'}"
export default {
  data() {
    return {
      loadingtab: true,
      // globalData: app.globalData,
      // imgUrl: app.globalData.imgUrl,
      urls: '',
      name: '',
      webviewStyles: {
        width: '100%',
        height: '100%',
        scalable: false,
        marginTop: ''
      }
    }
  },
  onLoad(option) {
    const queryString = Object.keys(option).map(key =>
        `${key != 'url' ? `${(key)}=${(option[key])}` : ''}`).join('&');
    if (option.deployDes) {
      this.name = decodeURIComponent(option.deployDes)
    }
    this.urls = decodeURIComponent(option.url) + '?' + queryString
    console.log(this.urls,'this.urls')
    // setTimeout(() => {
    //   this.loadingtab = false
    // }, 1000)
  },
  methods: {}
}
</script>

<style lang="scss">
.emptyview {
  width: 100%;
  box-sizing: border-box;
  position: relative;

  web-view {
    position: absolute;

    iframe {
      border: none
    }
  }
}
</style>
