up

webM/src/utils/request.js

@@ -1,8 +1,8 @@
 import axios from 'axios'
 const service = axios.create({
   // baseURL: 'http://192.168.0.135:8016', // 本地调试
-  // baseURL: 'http://project.4dage.com:8016', // 线上调试
-  baseURL: '', // build
+  baseURL: 'http://project.4dage.com:8016', // 线上调试
+  // baseURL: '', // build
   timeout: 5000
 })
 // 请求拦截器

webM/src/views/stair/component/share.vue

@@ -3,14 +3,14 @@
     <div class="main">
       <h3>分享</h3>
       <div class="imgBox">
-        <img src="data/M/1.png" alt="" />
+        <img :src="`data/M/${$route.params.id}.png`" alt="" />
       </div>
       <!-- 底部功能按钮 -->
       <div class="btn">
         <div class="lianjie" title="复制链接" @click="copy">
           <img src="@/assets/img/copy.png" alt="" />
         </div>
-        <a href="data/M/1.png" download title="下载">
+        <a :href="`data/M/${$route.params.id}.png`" download title="下载">
           <img src="@/assets/img/download.png" alt="" />
         </a>
       </div>

webM/src/views/stair/index.vue

@@ -1,5 +1,9 @@
 <template>
   <div class="stair" :style="`height:${maxHei}px;`">
+    <div class="ifrBox">
+      <iframe :src="ifrSrc[$route.params.id]" frameborder="0"></iframe>
+    </div>
+
     <!-- 左上浏览量 -->
     <div class="upleft">
       <div class="back" @click="$router.push('/')">返回</div>
@@ -7,7 +11,11 @@
     </div>
     <!-- 右边村名 -->
     <div class="rightCM">
-      <img class="name" :src="require(`@/assets/img/cName/${$route.params.id}.png`)" alt="" />
+      <img
+        class="name"
+        :src="require(`@/assets/img/cName/${$route.params.id}.png`)"
+        alt=""
+      />
     </div>
     <!-- 底部功能 -->
     <div class="botBtn">
@@ -71,7 +79,22 @@ export default {
       ],
       btnDataAc: null,
       isShowGood: false,
-      maxHei:0
+      maxHei: 0,
+      // 场景地址
+      ifrSrc: {
+        1: "https://www.4dkankan.com/panorama/show.html?id=WK1526481420019593216",
+        2: "https://www.4dkankan.com/panorama/show.html?id=WK1526504857790345216",
+        3: "https://www.4dkankan.com/panorama/show.html?id=WK1526492643662524416",
+        4: "https://www.4dkankan.com/panorama/show.html?id=WK1534388525183561728",
+        5: "https://www.4dkankan.com/panorama/show.html?id=WK1526467526949629952",
+        6: "https://www.4dkankan.com/panorama/show.html?id=WK1534416074647302144",
+        7: "https://www.4dkankan.com/panorama/show.html?id=WK1534702347710656512",
+        8: "https://www.4dkankan.com/panorama/show.html?id=WK1534781968695259136",
+        9: "https://www.4dkankan.com/panorama/show.html?id=WK1534383548646060032",
+        10: "https://www.4dkankan.com/panorama/show.html?id=WK1526490922810896384",
+        11: "https://www.4dkankan.com/panorama/show.html?id=WK1526504177180635136",
+        12: "https://www.4dkankan.com/panorama/show.html?id=WK1526461619335360512",
+      },
     };
   },
   //监听属性 类似于data概念
@@ -105,7 +128,7 @@ export default {
   },
   //生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
-    this.maxHei =document.documentElement.clientHeight
+    this.maxHei = document.documentElement.clientHeight;
   },
   beforeCreate() {}, //生命周期 - 创建之前
   beforeMount() {}, //生命周期 - 挂载之前
@@ -123,20 +146,42 @@ export default {
   margin: 0 auto;
   padding: 10px 0 0 3px;
   width: 100vw;
-  background: url("../../assets/img/cBg/1.png");
-  background-size: 100% 100%;
+  // background: url("../../assets/img/cBg/1.png");
+  // background-size: 100% 100%;
+  .ifrBox {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    iframe {
+      width: 100%;
+      height: 100%;
+    }
+  }
   .upleft {
+    position: absolute;
+    right: 5px;
+    top: 3px;
     display: flex;
     align-items: center;
-    color: #bfb094;
+    color: #fff;
     .back {
+      position: relative;
       padding-right: 10px;
       padding-left: 30px;
-      border-right: 1px solid #bfb094;
-      background-image: url("../../assets/img/back.png");
-      background-repeat: no-repeat;
-      background-position: 0 -2px;
-      background-size: 29px 29px;
+      border-right: 1px solid #fff;
+      &::after {
+        content: "";
+        transform: rotate(90deg);
+        position: absolute;
+        left: 3px;
+        top: 0px;
+        width: 24px;
+        height: 24px;
+        background-image: url("../../assets/img/arrows.png");
+        background-size: 24px 24px;
+      }
     }
     .eye {
       margin-left: 10px;
@@ -145,8 +190,8 @@ export default {
   }
   .rightCM {
     position: absolute;
-    top: 17px;
-    right: 14px;
+    top: 220px;
+    left: 14px;
   }
   .botBtn {
     padding: 0 10px;