no message

src/components/commonPage/pptIframe/index.vue

+<template>
+  <!-- ppt 模版新增编辑窗口 -->
+  <div class="dialogPptistVisible-box"
+  style="width: 100%;height: 100%;">
+    <div class="closePptist-box">
+      <div class="closePptist">
+        <el-tooltip class="item" effect="dark" content="关闭窗口" placement="bottom">
+          <i class="el-icon-close"
+            style="color: #E95252;"
+            @click="close()"></i>
+        </el-tooltip>
+      </div>
+    </div>
+    <iframe :src="TemplateUrl"
+      class="TemplateIframe">
+    </iframe>
+  </div>
+</template>
+<script>
+  export default {
+    props:['TemplateUrl'],
+    data() {
+      return {
+        dialogPptistVisible: false,
+        userInfo: {},
+        TemplateUrl:'',
+        TemplateUrlImg:'',
+        isPostMessage: false
+      }
+    },
+    methods: {
+      close() {
+        this.$emit('close')
+      }
+    }
+  }
+</script>
+<style scoped>
+  .dialogPptistVisible-box{
+    position: fixed;
+    z-index: 1000;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.4);
+  }
+  .closePptist-box{
+    position: fixed;
+    z-index: 1001;
+    left: 0;
+    right: 0;
+    top: 0;
+    height: 30px;
+    background: #fff;
+    border-bottom: 1px solid #eee;
+  }
+  .closePptist {
+    padding: 0 30px;
+    text-align: right;
+    margin: auto;
+    position: relative;
+  }
+  .closePptist i{
+    display: inline-block;
+    padding: 5px 10px;
+    font-size: 20px;
+    position: absolute;
+    right: 20px;
+    cursor: pointer;
+  }
+  .TemplateIframe{
+    border: none;
+    width: 100%;
+    height: calc(100vh - 30px);
+    background: rgb(243, 246, 251);
+    position: fixed;
+    z-index: 1002;
+    top: 30px;
+    left: 0;
+    right: 0;
+    bottom: 0px;
+  }
+</style>