fix:随心装细节样式修改

mobile/index.html

@@ -17,6 +17,7 @@
     <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"> </script>
     <script src="https://cdn.bootcss.com/three.js/r81/three.min.js"></script> -->
     <div id="app"></div>
+    <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
     <!-- built files will be auto injected -->
   </body>
 </html>

mobile/src/components/common/comparePic.vue

@@ -29,10 +29,38 @@ export default {
   },
   data () {
     return {
-      newPosition: 50,
+      newPosition: 70,
       maxWidth: 0
     }
   },
+  mounted () {
+    let fn = e => {
+      // if (window.scrill)
+      if (window.scrollY >= 461) {
+        document.removeEventListener('scroll', fn)
+        let newPostion = 70
+        let isFirst = true
+        let initAnimation = () => {
+          if (newPostion > 70) {
+            return
+          } else if (newPostion > 30 && newPostion <= 70) {
+            isFirst ? newPostion-- : newPostion++
+          } else if (newPostion === 30) {
+            isFirst = false
+            newPostion++
+          }
+          this.setPosition(newPostion)
+          requestAnimationFrame(initAnimation)
+        }
+        initAnimation()
+      }
+    }
+    document.addEventListener('scroll', fn)
+    fn()
+    this.$once('hook:beforeDestroy', () => {
+      document.removeEventListener('scroll', fn)
+    })
+  },
   methods: {
     handleMousedown (event) {
       this.onDragStart(event)
@@ -101,6 +129,7 @@ export default {
   background-repeat: no-repeat;
   background-position: center center;
   user-select: none;
+  vertical-align: middle;
   &-1 {
     position: absolute;
     right: 0;

mobile/src/lang/zh/modules/conduct.js

@@ -12,7 +12,7 @@ module.exports = {
         "itemTitle7": "强大编辑后台，让空间延伸表达"
     },
     "sxz": {
-        "bannerTitle": "四维 随心装",
+        "bannerTitle": "四维 • 随心装",
         bannerSubTitle: '快速打造心中家的模样',
         "itemTitle1": "快速打造3D家装效果，<br/>让人工智能真正服务于生活",
         "itemTitle2": "实物家具建模，让您所见即所得",

mobile/src/lang/zh/modules/header.js

@@ -23,7 +23,7 @@ module.exports = {
     addService: '增值服务',
     myAccount: '我的账号',
     corePruductItemPro: '四维看看Pro',
-    corePruductItemSxz: '四维·随心装',
+    corePruductItemSxz: '四维 • 随心装',
     "footer": {
         "bannerTitle": "四维看看，让空间讲故事",
         "find": "发现精彩",

mobile/src/pages/coreProduct/sxz.vue

@@ -7,7 +7,7 @@
     <ul class="desc-video">
       <li v-for="item in list" :key="item.name">
         <h1 class="common-title" v-html="item.name"></h1>
-        <iframe :src="item.iframeLink" v-if="item.iframeLink" />
+        <iframe allow="autoplay" :src="item.iframeLink" v-if="item.iframeLink" />
           <div v-else>
             <img  :src="item.img" v-if="typeof item.img === 'string'" />
             <div class="img-item-w" v-else>
@@ -48,7 +48,8 @@ export default {
         },
         {
           name: this.$t('conduct.sxz.itemTitle4'),
-          iframeLink: 'https://www.4dkankan.com/decor.html?m=t-nn57rQe&m2=vr-t-nn57rQe-039',
+          // iframeLink: 'https://www.4dkankan.com/decor.html?m=t-nn57rQe&m2=vr-t-nn57rQe-039&from=4dkankan',
+          iframeLink: 'https://test.4dkankan.com/decor.html?m=t-nn57rQe&m2=vr-t-nn57rQe-047&from=4dkankan',
           runAnimation: true
         }
       ],
@@ -114,7 +115,7 @@ export default {
     iframe {
       margin-top: 30px;
       width: 100%;
-      height: 400px;
+      height: 70vh;
     }
   }
   .case-list {

pc/src/lang/zh/modules/conduct.js

@@ -12,7 +12,7 @@ module.exports = {
         "itemTitle7": "强大编辑后台，让空间延伸表达"
     },
     sxz: {
-        bannerTitle: '四维·随心装',
+        bannerTitle: '四维 • 随心装',
         bannerSubTitle: '快速打造心中家的模样',
         itemTitle1: '快速打造3D家装效果，让人工智能真正服务于生活',
         itemTitle2: '实物家具建模，让您所见即所得',

pc/src/lang/zh/modules/header.js

@@ -22,7 +22,7 @@ module.exports = {
     mallPeijian: '精选配件',
     addService: '增值服务',
     corePruductItemPro: '四维看看Pro',
-    corePruductItemSxz: '四维·随心装',
+    corePruductItemSxz: '四维 • 随心装',
     "footer": {
         "bannerTitle": "四维看看，让空间讲故事",
         "find": "发现精彩",

pc/src/page/coreProducts/sxz.vue

@@ -143,6 +143,7 @@ export default {
     font-size: 20px;
     margin-top: 20px;
     font-weight: 400;
+    line-height: 28px;
   }
   }
   .item {