up

src/views/Home.vue

@@ -3,7 +3,7 @@
   <div class="Home" :class="{ last: topImgInd === 8 }">
     <!-- 顶部图片 -->
     <div class="topImg">
-      <img :src="require(`@/assets/img/${topImgInd}.png`)" alt="" />
+      <img :src="require(`@/assets/img/topImg/${topImgInd}.png`)" alt="" />
     </div>
 
     <!-- 中间内容---使用动态组件 -->
@@ -125,13 +125,17 @@ export default {
     opacity: 0;
   }
   .menu {
-    text-align: right;
-    padding: 12px 30px 20px 0;
+    position: fixed;
+    width: 61px;
+    height: 61px;
+    right: 20px;
+    bottom: 200px;
     & > img {
       width: 61px;
     }
   }
   .bottom {
+    margin-top: 100px;
     display: flex;
     justify-content: space-around;
     background: url("../assets/img/line.png") top left no-repeat;

src/views/info/index.vue

@@ -1,6 +1,6 @@
 <!--  -->
 <template>
-  <div class="info" :key="$route.params.id" v-if="data.name">
+  <div class="info" :key="$route.params.id" v-if="$route.params.id">
     <!-- 标题 -->
     <div class="title">
       <div class="back" @click="$router.go(-1)"></div>
@@ -10,15 +10,20 @@
     <div class="model" :class="`model${$route.params.id}`">
       <div class="swiper-container">
         <div class="swiper-wrapper" ref="mySwiper">
-          <div class="swiper-slide" v-for="item in data.img" :key="item" @click="lookImg(`data/${$route.params.id}_${item}.png`)">
+          <div
+            class="swiper-slide"
+            v-for="item in data.img"
+            :key="item"
+            @click="lookImg(`data/${$route.params.id}_${item}.png`)"
+          >
             <img :src="`data/${$route.params.id}_${item}.png`" alt="" />
           </div>
-          <div class="swiper-slide">
+          <!-- <div class="swiper-slide">
             <iframe
               src="http://4dscene.4dage.com/culturalrelics/WZSBWG/Model2.html?m=wzs02"
               frameborder="0"
             ></iframe>
-          </div>
+          </div> -->
         </div>
       </div>
     </div>
@@ -64,7 +69,6 @@ export default {
     lookImg(url) {
       let dom = this.$refs.viewer.$viewer;
       this.lookPics = [url];
-      console.log(this.lookPics);
       dom.show();
     },
   },
@@ -79,10 +83,10 @@ export default {
   beforeDestroy() {}, //生命周期 - 销毁之前
   destroyed() {}, //生命周期 - 销毁完成
   activated() {
-    console.log('-------------',info);
+    this.data = {};
+    this.lookPics = [];
     window.scrollTo({ top: 0 });
     this.data = info.find((v) => v.id == this.$route.params.id);
-    console.log('++++++++',this.data);
     this.$nextTick(() => {
       setTimeout(() => {
         new Swiper(`.model${this.$route.params.id} .swiper-container`, {

src/views/menuc/index.vue

@@ -127,7 +127,7 @@ export default {
     width: 100%;
     position: relative;
     height: 100vh;
-    padding-bottom: 50px;
+    padding-bottom: 10vh;
     > ul {
       width: 100%;
       align-items: flex-end;