From 599a3acafc4e58645e7f66a5b315ec718d19c3b2 Mon Sep 17 00:00:00 2001
From: jiannibang <jiannibang@gmail.com>
Date: Thu, 22 Dec 2022 10:08:18 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=93=81=E7=89=8C=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BA=8C=E7=BB=B4=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/base/ShopItem/ShopItem.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/base/ShopItem/ShopItem.vue b/src/base/ShopItem/ShopItem.vue
index 07453c6..afe0ad2 100644
--- a/src/base/ShopItem/ShopItem.vue
+++ b/src/base/ShopItem/ShopItem.vue
@@ -10,7 +10,11 @@
     </p>
     <Transition appear enter-active-class="animate__animated animate__fadeIn" leave-active-class="animate__animated animate__fadeOut">
       <div v-if="isActive" class="qrcode-wrapper">
-        <div class="qrcode"></div>
+        <QRCodeFromText
+          class="qrcode"
+          :size="120"
+          :text="`${config.mobileNav}?s=${currentFloor.floorOrder}_${currentFloor.location}_屏幕的位置&e=${shop.houseNumber}`"
+        ></QRCodeFromText>
         扫码导航
       </div>
     </Transition>
@@ -18,6 +22,13 @@
 </template>
 
 <script setup>
+import QRCodeFromText from '@/components/QRCodeFromText/QRCodeFromText.vue'
+import { storeToRefs } from 'pinia'
+import { useStore } from '@/store/root'
+
+const store = useStore()
+const { currentFloor, config } = storeToRefs(store)
+
 const props = defineProps({
   shop: Object,
   config: Object,
@@ -175,6 +186,9 @@ function handleShop() {
       height: 160px;
       background: #ffffff;
       border-radius: 8px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
   }
 }