bug

src/components/ShareImg.vue

 <template>
-<div>
-  <div class="moban1box">
-    <div id="moban1" class="canvas-html"  v-show="showMoban1">
-      <h2 class="share-title">与世童行·直通世界杯篮球嘉年华</h2>
-      <img
-        class="share-pic"
-        :src="info.image"
-      >
-      <div class="f-cb">
-        <h2 class="share-subtitle">《{{info.title}}》</h2>
-        <h3 class="share-author">
-          <span>
-            <img
-              :src="info.avatar"
-            >
-          </span>
-          <b>{{info.nickname}}</b>
-        </h3>
+  <div>
+    <div class="moban1box">
+      <div id="moban1" class="canvas-html" v-show="showMoban1">
+        <h2 class="share-title">与世童行·直通世界杯篮球嘉年华</h2>
+        <img class="share-pic" :src="info.image" />
+        <div class="f-cb">
+          <h2 class="share-subtitle">《{{info.title}}》</h2>
+          <h3 class="share-author">
+            <span>
+              <img :src="info.avatar" />
+            </span>
+            <b>{{info.nickname}}</b>
+          </h3>
+        </div>
+        <div class="share-qrcode">
+          <span class="qrcode" :data-qrcode=" href + '#' +$route.fullPath"></span>
+          <p>
+            长按识别二维码
+            <br />为我点赞
+          </p>
+        </div>
       </div>
-      <div class="share-qrcode">
-        <span class="qrcode" :data-qrcode="'https://wanda-h5.bdideal.com/video-test/index.html#'+$route.fullPath"></span>
-        <p>长按识别二维码<br>为我点赞</p>
-      </div>
-    </div>
     </div>
-  <div id="test11" class="canvas-img">海报正在生成中......</div>
-</div>
+    <div id="test11" class="canvas-img">海报正在生成中......</div>
+  </div>
 </template>
 
 
 <script>
+import api from "@/modules/js/api";
 export default {
-  data(){
-    return{
-      showMoban1:true
-    }
+  data() {
+    return {
+      showMoban1: true,
+      href: api.indexHref
+    };
   },
-  props:['info'],
+  props: ["info"],
   mounted() {
-    var _this=this
-    setTimeout(()=>{
-       window.htmlToBase64({
-        domSourceId: "moban1",
-        domTargetId: "test11"
-      },this.htmlToBase64CallBack)
-    },0)
+    var _this = this;
+    setTimeout(() => {
+      window.htmlToBase64(
+        {
+          domSourceId: "moban1",
+          domTargetId: "test11"
+        },
+        this.htmlToBase64CallBack
+      );
+    }, 0);
   },
   methods: {
-    htmlToBase64CallBack(){
-      this.showMoban1 = false
+    htmlToBase64CallBack() {
+      this.showMoban1 = false;
     },
-        closeShareoff(e) {
-           console.log(e);
-           e.stopPropagation();
-        },
+    closeShareoff(e) {
+      console.log(e);
+      e.stopPropagation();
+    }
   }
 };
 </script>
@@ -124,8 +127,8 @@ export default {
 
 <style>
 .canvas-html div.share-qrcode img {
-    width: 1.5rem;
-    height: 1.5rem;
-    float: right;
+  width: 1.5rem;
+  height: 1.5rem;
+  float: right;
 }
 </style>