up

web/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
 })
 // 请求拦截器

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

@@ -4,14 +4,14 @@
     <div class="main">
       <div class="title">分享</div>
       <div class="bigImg">
-        <img src="data/1.png" alt="" />
+        <img :src="`data/${$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/1.png" download title="下载">
+        <a :href="`data/${$route.params.id}.png`" download title="下载">
         <img src="../../../assets/img/download.png" alt="" />
         </a>
       </div>

web/src/views/stair/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div class="stair">
+    <div class="ifrBox">
+      <iframe :src="ifrSrc[$route.params.id]" frameborder="0"></iframe>
+    </div>
     <!-- 左上浏览量 -->
     <div class="upleft">
       <div class="el-icon-arrow-left" @click="$router.push('/')">返回</div>
@@ -10,9 +13,9 @@
       <img class="name" :src="require(`@/assets/img/cunName/${$route.params.id}.png`)" alt="" />
     </div>
     <!-- 中间选项 -->
-    <div class="conMain">
+    <!-- <div class="conMain">
       <div class="row" v-for="item in data" :key="item.id">{{ item.name }}</div>
-    </div>
+    </div> -->
     <!-- 底部功能 -->
     <div class="botBtn">
       <div
@@ -92,6 +95,21 @@ export default {
       btnDataAc: null,
       likeNum: 0,
       isShowGood: false,
+      // 场景地址
+      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概念
@@ -138,14 +156,29 @@ export default {
 </script>
 <style lang='less' scoped>
 .stair {
+  overflow: hidden;
   position: relative;
   padding: 20px 0 0 15px;
   color: #fff;
   width: 100%;
   height: 100%;
-  background: url("../../assets/img/bgs.jpg");
-  background-size: 100% 100%;
+  // background: url("../../assets/img/bgs.jpg");
+  // background-size: 100% 100%;
+  .ifrBox{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    iframe{
+      width: 100%;
+      height: 100%;
+    }
+  }
   .upleft {
+    position: absolute;
+    right: 20px;
+    top: 20px;
     display: flex;
     align-items: center;
     .el-icon-arrow-left {
@@ -164,7 +197,7 @@ export default {
   .rightCM {
     position: absolute;
     top: 50px;
-    right: 20px;
+    left: 20px;
   }
   .conMain {
     height: 400px;
@@ -231,7 +264,7 @@ export default {
   .botBtn {
     display: flex;
     position: absolute;
-    bottom: 35px;
+    bottom: 55px;
     left: 30px;
     .btnRow {
       position: relative;