From fc121fc4193a74584f56212127768aabab096353 Mon Sep 17 00:00:00 2001
From: jiannibang <jiannibang@gmail.com>
Date: Thu, 22 Dec 2022 09:49:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5=E4=BA=8C=E7=BB=B4?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Index/Index.vue | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue
index 9c886d3..5881b6c 100644
--- a/src/views/Index/Index.vue
+++ b/src/views/Index/Index.vue
@@ -24,7 +24,15 @@
             </div>
             <div class="meta1">当前位置<img src="./pos.svg" /></div>
             <div class="meta2">{{ bf }}</div>
-            <div class="bottom-right"></div>
+            <div class="bottom-right">
+              <QRCodeFromText
+                class="qrcode"
+                :size="80"
+                :text="`${config.mobileNav}?s=${currentFloor.floorOrder}_${currentFloor.location}_屏幕的位置`"
+                v-if="currentFloor"
+              ></QRCodeFromText>
+              扫我导航
+            </div>
           </div>
           <div v-if="showFood" class="food" @click="goPage({ title: '推荐美食', path: '/foods' })">
             <div class="title">
@@ -78,6 +86,7 @@ import { getActivityList } from '@/http/api'
 import View from '@/layouts/View.vue'
 import EffectFade from '@/components/EffectFade/EffectFade.vue'
 import { useTime } from '@/composables/useTime'
+import QRCodeFromText from '@/components/QRCodeFromText/QRCodeFromText.vue'
 
 const router = useRouter()
 const store = useStore()
@@ -221,6 +230,23 @@ getActivityList(3).then(({ data }) => {
           right: 0;
           bottom: 0;
           background: rgba(255, 255, 255, 0.2);
+          padding-top: 132px;
+          font-weight: 700;
+          font-size: 14px;
+          line-height: 16px;
+          text-align: center;
+          color: rgba(0, 0, 0, 0.6);
+          .qrcode {
+            position: absolute;
+            width: 84px;
+            height: 84px;
+            background: #fff;
+            display: flex;
+            right: 12px;
+            bottom: 29px;
+            justify-content: center;
+            align-items: center;
+          }
         }
         .meta1 {
           display: inline-flex;