FenXiNspUniapp/packDetail1/pages/device/index4.vue

62 lines
1.5 KiB
Vue

<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>