分享预览

src/components/HeaderEdit.vue

@@ -49,7 +49,7 @@
       </form>
     </div> -->
     <!-- 分享设置 -->
-    <ShareSetting v-show="isShareSetting" :close="closeShare" :shareModel="shareModel"></ShareSetting>
+    <ShareSetting v-if="isShareSetting" :close="closeShare" :shareModel="shareModel"></ShareSetting>
   </header>
 </template>
 

src/components/ShareSetting.vue

@@ -5,7 +5,9 @@
       <div class="phone-center"></div>
       <div class="content">
         <div class="phone-status"></div>
-        <div class="preview-area"></div>
+        <div class="preview-area">
+          <iframe :src="releaseUrl" frameborder="0"></iframe>
+        </div>
       </div>
       <div class="phone-bottom"></div>
     </div>
@@ -61,7 +63,9 @@ import * as http from "../util/http";
 export default {
   data() {
     return {
-      shareImg: ""
+      shareImg: this.shareModel.shareImg,
+      releaseUrl:
+        "http://192.168.4.249:8080/#/preview?mgid=" + this.shareModel.id
     };
   },
   props: {
@@ -75,6 +79,8 @@ export default {
     shareModel(val) {
       console.log("shareModel", this.shareModel);
       this.shareImg = val.shareImg;
+      this.releaseUrl =
+        "http://192.168.4.249:8080/#/preview?mgid=" + this.shareModel.id;
     }
   },
   methods: {
@@ -116,6 +122,10 @@ export default {
       });
       console.log("XXXX", this.currItem);
     }
+  },
+  mounted() {
+    console.log("XXXXXXXXXXX");
+    console.log("shareModel", this.shareModel);
   }
 };
 </script>
@@ -164,11 +174,16 @@ export default {
       }
       .preview-area {
         position: relative;
-        margin-left: -1px;
-        width: 298px;
+        margin-left: -3px;
+        width: 302px;
         height: 480px;
         border: 1px solid #000;
         border-top: 0px;
+        background: #fff;
+        iframe {
+          width: 100%;
+          height: 100%;
+        }
       }
     }
 

src/views/myHistoryTest/myHistoryTest.html

@@ -58,5 +58,5 @@
   <div v-if="loading" class="loading">加载中...</div>
   <div v-if="noMore" class="loading">没有更多了</div>
   <!-- 分享设置 -->
-  <ShareSetting v-show="isShareSetting" :close="closeShare" :shareModel="shareModel"></ShareSetting>
+  <ShareSetting v-if="isShareSetting" :close="closeShare" :shareModel="shareModel"></ShareSetting>
 </div>