Przeglądaj źródła

App的下载二维码替换

344080Wuyunfeng 2 lat temu
rodzic
commit
eacef1656c
2 zmienionych plików z 7 dodań i 1 usunięć
  1. 3 0
      .env
  2. 4 1
      src/layout/components/Header/QRcodePopover.vue

+ 3 - 0
.env

@@ -9,3 +9,6 @@ VITE_GLOB_APP_SHORT_NAME = SkyeyeAdmin
 
 # 生产环境 开启mock
 VITE_GLOB_PROD_MOCK = false
+
+# App Download QrCode Url
+VITE_GLOB_APP_DOWNLOAD_QRCODE = http://192.168.1.102/apk/skyeye2.apk

+ 4 - 1
src/layout/components/Header/QRcodePopover.vue

@@ -24,7 +24,8 @@
         <img src="@/assets/images/Android.png" style="width: 16px; height: 19px" />
         <div class="QR-text" style="font-size: 14px; padding-left: 5px">Android客户端</div>
       </div>
-      <img src="@/assets/images/QRcodeExample.png" style="width: 140px" />
+      <!-- <img src="@/assets/images/QRcodeExample.png" style="width: 140px" /> -->
+      <QrCode :value="qrCodeUrl" :width="140" />
       <el-button
         style="width: 102px; background-color: rgb(24, 144, 255); border: none"
         type="primary"
@@ -36,6 +37,8 @@
 
 <script lang="ts" setup>
   // import { Download } from '@element-plus/icons-vue';
+  import { QrCode } from '@/components/Qrcode/index';
+  const qrCodeUrl = import.meta.env.VITE_GLOB_APP_DOWNLOAD_QRCODE;
 </script>
 
 <style scoped lang="scss">