39 lines
591 B
Vue
39 lines
591 B
Vue
|
<template>
|
||
|
|
<view>
|
||
|
|
<uni-icons2 @click="onClick" class="backImg" type="close" size="24"></uni-icons2>
|
||
|
|
<iframe class="iframe" :src="iframeUrl"></iframe>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name:"previewIframe",
|
||
|
|
props:['iframeUrl'],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
mobileTopHeight: 0
|
||
|
|
};
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
onClick() {
|
||
|
|
console.log('点击了');
|
||
|
|
this.$emit('watchChild');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.iframe {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
.backImg {
|
||
|
|
position: absolute;
|
||
|
|
right: 20px;
|
||
|
|
top: 16px;
|
||
|
|
}
|
||
|
|
</style>
|