浏览代码

完善答题后下载功能

shaogen1995 3 年之前
父节点
当前提交
6a4cb42eea
共有 3 个文件被更改,包括 5 次插入9 次删除
  1. 二进制
      web/public/share/share.png
  2. 二进制
      web/public/share/shareM.png
  3. 5 9
      web/src/views/gui/component/issue.vue

二进制
web/public/share/share.png


二进制
web/public/share/shareM.png


+ 5 - 9
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;