完善答题后下载功能

web/src/views/gui/component/issue.vue

@@ -58,8 +58,10 @@
         <div>
           <p>您的得分：{{ cunot + "0" }}</p>
           <p>分享海报，传播洱海的美丽文化！</p>
-          <img src="../../../assets/images/project/hotspot_bg.jpg" alt="" />
-          <div class="btnn" @click="saveImg">保存海报</div>
+          <img src="/share/shareM.png" alt="" v-if="isMobile"/>
+          <img src="/share/share.png" alt="" v-else/>
+          <a class="btnn" href="/share/shareM.png" download v-if="isMobile">保存海报</a>
+          <a class="btnn" href="/share/share.png" download v-else>保存海报</a>
         </div>
       </div>
       <!-- 答错失败 -->
@@ -99,10 +101,6 @@ export default {
   watch: {},
   //方法集合
   methods: {
-    // 答题成功点击保存海报
-    saveImg() {
-      console.log("答题成功点击保存海报");
-    },
     //点击答错里面的下一题
     nextTi() {
       // 最后一题
@@ -545,9 +543,7 @@ export default {
             font-size: 16px;
           }
           & > img {
-            width: 80%;
-            height: 280px;
-            margin: 10 auto;
+            max-height: 280px;
           }
           .btnn {
             width: 140px;