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;
     }
   }
 }