添加 下载按钮

src/views/scanQRCode/index.vue

@@ -2,11 +2,13 @@
   <div id="scanQRCode">
    <!-- <h1>{{activeTab}}</h1> -->
    <van-notice-bar v-if="isShowNoticeBar" :scrollable="false" text="请使用默认浏览器打开本页面！"/>
-   <van-empty class="custom_image" :description="activeTab" :image="sphImage">
-     <div slot="description" class="description">
-       <div class="subTitle">上药移动</div>
-       <!-- <div class="sub">{{activeTab}}</div> -->
+   <van-empty class="customEmpty" :description="activeTab" :image="sphImage">
+      <div slot="description" class="description">
+        <div class="subTitle">上药移动APP</div>
+        <!-- <div class="sub">{{activeTab}}</div> -->
       </div>
+      <van-button @click="versionUpdateHttpAction('41')" round type="info" class="bottom-button">iOS版下载</van-button>
+      <van-button @click="versionUpdateHttpAction('40')" round type="info" class="bottom-button">Android下载</van-button>
    </van-empty>
   </div>
 </template>
@@ -136,8 +138,8 @@ export default {
       }
       activityQueryDocList(dict).then(rt => {
         if (rt) {
-          window.location.href = rt.list[0].comments
-          // _this.$toast(rt.list[0].comments)
+          // window.location.href = rt.list[0].comments
+          _this.$toast(rt.list[0].comments)
         } else {
           _this.$toast(rt.message)
         }
@@ -183,6 +185,7 @@ export default {
         font-size: 16px;
         color: #666666;
         text-align: center;
+        margin-top: -230px;
         .subTitle{
           padding: 5px;
           color: #333333;
@@ -192,9 +195,19 @@ export default {
         .sub{
           padding: 5px;
         }
+        
       }
+      /deep/ .van-empty__bottom{
+        width: 60%;
+        .bottom-button{
+          width: 100%;
+          background-color: #1989fa;
+          margin-bottom: 10px;
+          font-size: 16px;
+        }
+      } 
       /deep/ .van-empty__image {
-        margin-top: -150px;
+        margin-top: -120px;
       }
     }
   }