石碑 对接数据

package.json

@@ -14,6 +14,7 @@
     "core-js": "^3.8.3",
     "dayjs": "^1.11.7",
     "mitt": "^3.0.0",
+    "swiper": "^10.0.4",
     "v-viewer": "^3.0.11",
     "viewerjs": "^1.11.6",
     "vue-router": "^4.0.3",

src/views/Home.vue

@@ -35,6 +35,9 @@ export default {
     onClickBegin() {
       this.$router.push({
         name: 'UnitList',
+        query: {
+          themeIdx: this.$route.query.themeIdx,
+        }
       })
     }
   },

src/views/RelicList.vue

@@ -4,6 +4,9 @@
       class="return"
       @click="router.push({
         name: 'UnitList',
+        query: {
+          themeIdx: route.query.themeIdx,
+        }
       })"
     />
     <div
@@ -12,14 +15,14 @@
       @wheel="onTabbarWheel"
     >
       <button
-        v-for="(item, idx) in 5"
-        :key="idx"
+        v-for="(item, idx) in store.state.data?.list"
+        :key="item.id"
         :class="{
           active: idx === Number(route.query.unitIdx)
         }"
         @click="onClickTabItem(idx)"
       >
-        {{ item }}
+        {{ item.label }}
       </button>
     </div>
     <ul
@@ -33,7 +36,9 @@
         @click="router.push({
           name:'RelicDetail',
           query: {
-            idx: '0',
+            themeIdx: route.query.themeIdx,
+            unitIdx: route.query.unitIdx,
+            relicIdx: idx,
           }
         })"
       >
@@ -86,6 +91,7 @@ function onClickTabItem(idx) {
   router.push({
     name: route.name,
     query: {
+      themeIdx: route.query.themeIdx,
       unitIdx: idx,
     }
   })

src/views/UnitList.vue

@@ -15,6 +15,7 @@
             name: 'RelicList',
             query: {
               unitIdx: idx,
+              themeIdx: $route.query.themeIdx,
             },
           })"
         >

yarn.lock

@@ -5865,6 +5865,11 @@ svgo@^2.7.0:
     picocolors "^1.0.0"
     stable "^0.1.8"
 
+swiper@^10.0.4:
+  version "10.3.1"
+  resolved "https://registry.npmmirror.com/swiper/-/swiper-10.3.1.tgz#4d19d7e9d0bd184c30accf2c1b180cfe41b9f4af"
+  integrity sha512-24Wk3YUdZHxjc9faID97GTu6xnLNia+adMt6qMTZG/HgdSUt4fS0REsGUXJOgpTED0Amh/j+gRGQxsLayJUlBQ==
+
 table@^6.0.9:
   version "6.8.1"
   resolved "https://registry.npmmirror.com/table/-/table-6.8.1.tgz#ea2b71359fe03b017a5fbc296204471158080bdf"