feat: model

packages/pc/src/views/Detail/index.scss

@@ -29,6 +29,13 @@
       width: 100%;
       height: 100%;
     }
+    &__360 {
+      position: absolute;
+      top: 50px;
+      right: 50px;
+      width: 76px;
+      height: 44px;
+    }
   }
   &-main {
     position: absolute;

packages/pc/src/views/Detail/index.vue

@@ -25,6 +25,10 @@
           />
         </ElCarouselItem>
       </ElCarousel>
+
+      <a v-if="model" :href="model">
+        <img class="detail-img__360" draggable="false" src="./images/360.png" />
+      </a>
     </div>
 
     <ElScrollbar class="detail-main">
@@ -49,6 +53,18 @@ import { getEnvImagePath } from "@enamel/base/utils";
 
 const route = useRoute();
 const detail = computed(() => data[route.params.chapter][route.params.index]);
+const MODEL_LIST = {
+  chapter1: {
+    0: "https://4dscene.4dage.com/culturalrelics/demo2/Model.html?m=YZ_02yxz",
+    1: "https://4dscene.4dage.com/culturalrelics/demo2/Model.html?m=YZ_03xl",
+  },
+  chapter3: {
+    0: "https://4dscene.4dage.com/culturalrelics/demo2/Model.html?m=YZ_01ep",
+  },
+};
+const model = computed(
+  () => MODEL_LIST[route.params.chapter]?.[route.params.index]
+);
 </script>
 
 <style lang="scss" scoped>