feat: 首页二维码

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;