Explorar el Código

修复返回顶部bug

zhubo hace 4 años
padre
commit
8808a03ce5
Se han modificado 59 ficheros con 184 adiciones y 146 borrados
  1. BIN
      assets/images/home/boss_img.png
  2. BIN
      assets/images/home/cate_img_01@2x.png
  3. BIN
      assets/images/home/cate_img_02@2x.png
  4. BIN
      assets/images/home/cate_img_03@2x.png
  5. BIN
      assets/images/home/cate_img_04@2x.png
  6. BIN
      assets/images/home/cate_img_05@2x.png
  7. BIN
      assets/images/home/cate_img_06@2x.png
  8. BIN
      assets/images/home/cate_img_07@2x.png
  9. BIN
      assets/images/home/cate_img_08@2x.png
  10. BIN
      assets/images/home/cate_img_09@2x.png
  11. BIN
      assets/images/home/channel_img_01.png
  12. BIN
      assets/images/home/channel_img_02.png
  13. BIN
      assets/images/home/channel_img_03.png
  14. BIN
      assets/images/home/channel_img_04.png
  15. BIN
      assets/images/home/channel_img_05.png
  16. BIN
      assets/images/home/channel_img_06.png
  17. BIN
      assets/images/home/product_01@2x.png
  18. BIN
      assets/images/home/product_02@2x.png
  19. BIN
      assets/images/home/product_03@2x.png
  20. BIN
      assets/images/home/product_04@2x.png
  21. BIN
      assets/images/honor/honer01.png
  22. BIN
      assets/images/honor/honer02.png
  23. BIN
      assets/images/honor/honer03.png
  24. BIN
      assets/images/honor/honer04.png
  25. BIN
      assets/images/honor/honer05.png
  26. BIN
      assets/images/honor/honer07.png
  27. BIN
      assets/images/honor/honer08.png
  28. BIN
      assets/images/honor/honer09.png
  29. BIN
      assets/images/honor/honer10.png
  30. BIN
      assets/images/honor/honer11.png
  31. BIN
      assets/images/honor/honer12.png
  32. BIN
      assets/images/honor/honer13.png
  33. BIN
      assets/images/honor/honer14.png
  34. BIN
      assets/images/honor/honer15.png
  35. BIN
      assets/images/honor/honer16.png
  36. BIN
      assets/images/honor/honer17.png
  37. BIN
      assets/images/honor/honer18.png
  38. BIN
      assets/images/honor/honer19.png
  39. BIN
      assets/images/index/expert_bg.png
  40. BIN
      assets/images/index/expert_card_01.png
  41. BIN
      assets/images/index/expert_card_02.png
  42. BIN
      assets/images/index/expert_card_03.png
  43. BIN
      assets/images/index/expert_card_04.png
  44. BIN
      assets/images/index/expert_card_05.png
  45. BIN
      assets/images/index/expert_card_06.png
  46. BIN
      assets/images/index/expert_card_07.png
  47. BIN
      assets/images/index/expert_card_08.png
  48. BIN
      assets/images/index/img.jpg
  49. BIN
      assets/images/index/img1.jpg
  50. 48 29
      components/common/backTop.vue
  51. 8 8
      components/common/form.vue
  52. 5 4
      components/home/header.vue
  53. 5 5
      components/products/h5.vue
  54. 12 12
      components/products/parent.vue
  55. 2 2
      components/products/teacher.vue
  56. 14 6
      layouts/default.vue
  57. 8 8
      pages/campus/index.vue
  58. 21 18
      pages/cooperate/index.vue
  59. 61 54
      pages/index.vue

BIN
assets/images/home/boss_img.png


BIN
assets/images/home/cate_img_01@2x.png


BIN
assets/images/home/cate_img_02@2x.png


BIN
assets/images/home/cate_img_03@2x.png


BIN
assets/images/home/cate_img_04@2x.png


BIN
assets/images/home/cate_img_05@2x.png


BIN
assets/images/home/cate_img_06@2x.png


BIN
assets/images/home/cate_img_07@2x.png


BIN
assets/images/home/cate_img_08@2x.png


BIN
assets/images/home/cate_img_09@2x.png


BIN
assets/images/home/channel_img_01.png


BIN
assets/images/home/channel_img_02.png


BIN
assets/images/home/channel_img_03.png


BIN
assets/images/home/channel_img_04.png


BIN
assets/images/home/channel_img_05.png


BIN
assets/images/home/channel_img_06.png


BIN
assets/images/home/product_01@2x.png


BIN
assets/images/home/product_02@2x.png


BIN
assets/images/home/product_03@2x.png


BIN
assets/images/home/product_04@2x.png


BIN
assets/images/honor/honer01.png


BIN
assets/images/honor/honer02.png


BIN
assets/images/honor/honer03.png


BIN
assets/images/honor/honer04.png


BIN
assets/images/honor/honer05.png


BIN
assets/images/honor/honer07.png


BIN
assets/images/honor/honer08.png


BIN
assets/images/honor/honer09.png


BIN
assets/images/honor/honer10.png


BIN
assets/images/honor/honer11.png


BIN
assets/images/honor/honer12.png


BIN
assets/images/honor/honer13.png


BIN
assets/images/honor/honer14.png


BIN
assets/images/honor/honer15.png


BIN
assets/images/honor/honer16.png


BIN
assets/images/honor/honer17.png


BIN
assets/images/honor/honer18.png


BIN
assets/images/honor/honer19.png


BIN
assets/images/index/expert_bg.png


BIN
assets/images/index/expert_card_01.png


BIN
assets/images/index/expert_card_02.png


BIN
assets/images/index/expert_card_03.png


BIN
assets/images/index/expert_card_04.png


BIN
assets/images/index/expert_card_05.png


BIN
assets/images/index/expert_card_06.png


BIN
assets/images/index/expert_card_07.png


BIN
assets/images/index/expert_card_08.png


BIN
assets/images/index/img.jpg


BIN
assets/images/index/img1.jpg


+ 48 - 29
components/common/backTop.vue

@@ -1,28 +1,22 @@
 <template>
   <div class="backTop">
     <div class="luojigouLogo">
-      <img src="http://luojigou-app-commit-pic.luojigou.vip/FvmYmQjjoZftM_fiRYGM0lsC9vfw?imageView2/0/q/50|imageslim" alt="">
+      <img :src="luojigouLogo" alt="">
     </div>
-    <el-popover
-      placement="right"
-      trigger="hover">
-      <img  width="150px" src="http://luojigou-app-commit-pic.luojigou.vip/FtIexWC2MZD5jk8YFf6OG11MQUGC?imageView2/0/q/50|imageslim" alt="" srcset="">
-      <div slot="reference" class="hotline">
-        <div class="hotLineImg"></div>
+    <div class="hotline">
+      <div class="hotLineCode">
+        <img :src="hotLineCode" alt="" />
       </div>
-    </el-popover>
-    <div class="line"></div>
-    <el-popover
-      placement="right"
-      trigger="hover">
-      <img  width="150px" src="http://luojigou-app-commit-pic.luojigou.vip/FsMJj5IIlzzeDqoOyq0VSUfJ1Cy0?imageView2/0/q/50|imageslim" alt="" srcset="">
-      <div slot="reference" class="public">
-        <div class="publicImg"></div>
+      <div class="hotLineImg"></div>
+    </div>
+    <div class="public">
+      <div class="publicCode">
+        <img :src="publicCode" alt="" srcset="">
       </div>
-    </el-popover>
-    <div class="line"></div>
-    <a href="#backTop" class="backTopBtn">
-      <img src="http://luojigou-app-commit-pic.luojigou.vip/Fnz0K17ERo2g1foAvu9KAnAOmw7O?imageView2/0/q/50|imageslim" />
+      <div class="publicImg"></div>
+    </div>
+    <a class="backTopBtn" v-show="backTopIsShow" @click="handleBackTop" href="javascript:;">
+      <img :src="backTopBtn" />
     </a>
   </div>
 </template>
@@ -30,13 +24,24 @@
 <script>
 export default {
   name: 'backTop',
+  props: {
+    backTopIsShow: {
+      type: Boolean,
+      default: false
+    }
+  },
   data() {
     return {
-      backTopIsShow: false,
+      luojigouLogo: "https://luojigou-app-commit-pic.luojigou.vip/FvmYmQjjoZftM_fiRYGM0lsC9vfw?imageView2/0/q/50|imageslim",
+      hotLineCode: 'https://luojigou-app-commit-pic.luojigou.vip/FtIexWC2MZD5jk8YFf6OG11MQUGC?imageView2/0/q/50|imageslim',
+      publicCode: 'https://luojigou-app-commit-pic.luojigou.vip/FsMJj5IIlzzeDqoOyq0VSUfJ1Cy0?imageView2/0/q/50|imageslim',
+      backTopBtn: 'https://luojigou-app-commit-pic.luojigou.vip/Fnz0K17ERo2g1foAvu9KAnAOmw7O?imageView2/0/q/50|imageslim'
     }
   },
   methods: {
-    
+    handleBackTop() {
+      this.$emit('handleBackTop')
+    }
   }
 }
 </script>
@@ -66,35 +71,49 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
+    position: relative;
     width: 70px;
     height: 70px;
     .hotLineImg,
     .publicImg {
       width: 42px;
       height: 42px;
-      background-image: url("http://luojigou-app-commit-pic.luojigou.vip/FoDd0oKYmp80U910lSiWLV1m-X-K?imageView2/0/q/50|imageslim");
+      background-image: url("~assets/images/backTop/hotline.png");
       background-size: cover;
       background-repeat: no-repeat;
     }
     .publicImg {
       width: 32px;
       height: 44px;
-      background-image: url("http://luojigou-app-commit-pic.luojigou.vip/FpTOXAo-IzAhMYZjZpCurY9qcsKw?imageView2/0/q/50|imageslim");
+      background-image: url("~assets/images/backTop/public.png");
     }
   }
+  .hotLineCode,
+  .publicCode {
+    display: none;
+    position: absolute;
+    top: -40px;
+    left: -195px;
+    padding: 10px;
+    border-radius: 10px;
+    border: 1px solid rgba(230, 230, 230, 0.8);
+    background-color: #fff;
+  }
   .hotline:hover {
     .hotLineImg {
-      background-image: url("http://luojigou-app-commit-pic.luojigou.vip/FtSGYGjwNcNnFXB9jZshFqz7HgBy?imageView2/0/q/50|imageslim");
+      background-image: url("~assets/images/backTop/hotlined.png");
+    }
+    .hotLineCode {
+      display: block;
     }
   }
   .public:hover {
     .publicImg {
-      background-image: url("http://luojigou-app-commit-pic.luojigou.vip/FuIGVjGkZi_R_7FuswrgnDWCQ0he?imageView2/0/q/50|imageslim");
+      background-image: url("~assets/images/backTop/publiced.png");
+    }
+    .publicCode {
+      display: block;
     }
-  }
-  .line {
-    height: 1px;
-    background-color: rgba(230, 230, 230, 0.8);
   }
   .backTopBtn {
     display: flex;

+ 8 - 8
components/common/form.vue

@@ -3,7 +3,7 @@
     <div class="label">加盟申请</div>
     <div class="phone-num">
       <img
-        src="http://res.training.luojigou.vip/FmUjRlN7yn8o8HkXV21yOAJt-2C0?imageView2/0/q/50|imageslim"
+        src="https://res.training.luojigou.vip/FmUjRlN7yn8o8HkXV21yOAJt-2C0?imageView2/0/q/50|imageslim"
         alt="" />
       <div class="num">400-6807300</div>
     </div>
@@ -77,18 +77,18 @@ export default {
         {
           id: 2,
           value: 1,
-          title: '逻辑狗思维游戏体验Plus'
+          title: '逻辑狗创意馆'
         },
         {
           id: 3,
           value: 2,
-          title: '逻辑狗创意馆'
+          title: '思维芯游戏室'
+        },
+        {
+          id: 4,
+          value: 2,
+          title: '“思维芯”四大课程体系'
         },
-        // {
-        //   id: 4,
-        //   value: 2,
-        //   title: '“思维芯”四大课程体系'
-        // },
         {
           id: 5,
           value: 4,

+ 5 - 4
components/home/header.vue

@@ -1,5 +1,5 @@
 <template>
-	<header class="v-header clearfix">
+	<header class="v-header clearfix" id="backTop">
     <div v-if="!isHome" id="nav-space" class="nav-space"></div>
 		<div id="index-header" :class="[headFixed == true ? 'fixedTop' : '', headWhite ? 'head-white' : '' ]">
 			<div class="index-header-box w1200" >
@@ -53,10 +53,10 @@
 								<!-- <li>
 									<nuxt-link to="/about/team">专家团队</nuxt-link>
 								</li> -->
-                <li>
-									<!-- <nuxt-link to="/about/dynamic">公司动态</nuxt-link> -->
+                <!-- <li>
+									<nuxt-link to="/about/dynamic">公司动态</nuxt-link>
                   公司动态
-								</li>
+								</li> -->
 								<li>
 									<nuxt-link to="/about/contact">联系我们</nuxt-link>
 								</li>
@@ -115,6 +115,7 @@ export default {
       } else {
         this.headWhite = true;
       }
+      this.$emit('returnHeadWhite', this.headWhite)
     },
     navEnter() {
       if(this.isHome && !this.headWhite) {

+ 5 - 5
components/products/h5.vue

@@ -85,11 +85,11 @@ export default {
   name: "H5Page", // 互联网矩阵
   data() {
     return {
-      firstImg: "http://luojigou-app-commit-pic.luojigou.vip/FqgbkJtqaJV7WyLbcJ1qMe8D18Ne?imageView2/0/q/50|imageslim",
-      secondImg: "http://luojigou-app-commit-pic.luojigou.vip/FuK1siuNwK9rPEqW4GrCERVzBA4X?imageView2/0/q/50|imageslim",
-      threeImg: "http://luojigou-app-commit-pic.luojigou.vip/Fs6pNC0AXcGRMUR3_DLq01rqNVK7?imageView2/0/q/50|imageslim",
-      fourImg: "http://luojigou-app-commit-pic.luojigou.vip/Fi30UXdvFxqRGp64JIH5GJoQjr9J?imageView2/0/q/50|imageslim",
-      fiveImg: "http://luojigou-app-commit-pic.luojigou.vip/FnB88MUmBS_XJ8pSEooKVxXtEzZ5?imageView2/0/q/50|imageslim",
+      firstImg: "https://luojigou-app-commit-pic.luojigou.vip/FqgbkJtqaJV7WyLbcJ1qMe8D18Ne?imageView2/0/q/50|imageslim",
+      secondImg: "https://luojigou-app-commit-pic.luojigou.vip/FuK1siuNwK9rPEqW4GrCERVzBA4X?imageView2/0/q/50|imageslim",
+      threeImg: "https://luojigou-app-commit-pic.luojigou.vip/Fs6pNC0AXcGRMUR3_DLq01rqNVK7?imageView2/0/q/50|imageslim",
+      fourImg: "https://luojigou-app-commit-pic.luojigou.vip/Fi30UXdvFxqRGp64JIH5GJoQjr9J?imageView2/0/q/50|imageslim",
+      fiveImg: "https://luojigou-app-commit-pic.luojigou.vip/FnB88MUmBS_XJ8pSEooKVxXtEzZ5?imageView2/0/q/50|imageslim",
     };
   },
   mounted() {

+ 12 - 12
components/products/parent.vue

@@ -19,7 +19,7 @@
                       slot="reference"
                       class="cp mb20"
                       @click="handleDownload"
-                      src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
+                      src="https://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
                       alt=""
                     >
                   </el-popover>
@@ -32,7 +32,7 @@
                       slot="reference"
                       class="cp"
                       @click="handleDownload"
-                      src="http://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
+                      src="https://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
                       alt="">
                   </el-popover>
 
@@ -110,16 +110,16 @@ export default {
   data() {
     return {
       // showList,
-      bannerImg: "http://luojigou-app-commit-pic.luojigou.vip/FjNAkQQ3aYO216CK3VJFhxQpcMWi?imageView2/0/q/50|imageslim",
-      contentBgImg: "http://luojigou-app-commit-pic.luojigou.vip/FqPViw76_ZdK-NLMPSHHMGOCNxyP?imageView2/0/q/50|imageslim",
-      firstImg: "http://luojigou-app-commit-pic.luojigou.vip/Fh42SlqwaDKMQU9pM4dsg_RXkyHe?imageView2/0/q/50|imageslim",
-      secondImg: "http://luojigou-app-commit-pic.luojigou.vip/Fj7CZL2WgImmtYWV1iNJUuMWYn76?imageView2/0/q/50|imageslim",
-      threeImg: "http://luojigou-app-commit-pic.luojigou.vip/Fok0VY3UJnTY0lqMAQEbyIi2Oedz?imageView2/0/q/50|imageslim",
-      fourImg: "http://luojigou-app-commit-pic.luojigou.vip/Frv43HhE_YQS0n8dcAkI_obuZO6w?imageView2/0/q/50|imageslim",
-      fiveImg: "http://luojigou-app-commit-pic.luojigou.vip/FnF8QYIYa9rYwLC9utUUbbKhlaxg?imageView2/0/q/50|imageslim",
-      sixImg: "http://luojigou-app-commit-pic.luojigou.vip/FkEmvESMDI7OM3m4Ni0pzAVIbHXI?imageView2/0/q/50|imageslim",
-      qrImgClient: "http://luojigou-app-commit-pic.luojigou.vip/Fq9M6bKJSXDa4jYtTkQ7nWzS8jT5?imageView2/0/q/50|imageslim",
-      qrImgParent: "http://luojigou-app-commit-pic.luojigou.vip/FmhFXxxEriRn1ZgJnmW1KT7YIuKf?imageView2/0/q/50|imageslim",
+      bannerImg: "https://luojigou-app-commit-pic.luojigou.vip/FjNAkQQ3aYO216CK3VJFhxQpcMWi?imageView2/0/q/50|imageslim",
+      contentBgImg: "https://luojigou-app-commit-pic.luojigou.vip/FqPViw76_ZdK-NLMPSHHMGOCNxyP?imageView2/0/q/50|imageslim",
+      firstImg: "https://luojigou-app-commit-pic.luojigou.vip/Fh42SlqwaDKMQU9pM4dsg_RXkyHe?imageView2/0/q/50|imageslim",
+      secondImg: "https://luojigou-app-commit-pic.luojigou.vip/Fj7CZL2WgImmtYWV1iNJUuMWYn76?imageView2/0/q/50|imageslim",
+      threeImg: "https://luojigou-app-commit-pic.luojigou.vip/Fok0VY3UJnTY0lqMAQEbyIi2Oedz?imageView2/0/q/50|imageslim",
+      fourImg: "https://luojigou-app-commit-pic.luojigou.vip/Frv43HhE_YQS0n8dcAkI_obuZO6w?imageView2/0/q/50|imageslim",
+      fiveImg: "https://luojigou-app-commit-pic.luojigou.vip/FnF8QYIYa9rYwLC9utUUbbKhlaxg?imageView2/0/q/50|imageslim",
+      sixImg: "https://luojigou-app-commit-pic.luojigou.vip/FkEmvESMDI7OM3m4Ni0pzAVIbHXI?imageView2/0/q/50|imageslim",
+      qrImgClient: "https://luojigou-app-commit-pic.luojigou.vip/Fq9M6bKJSXDa4jYtTkQ7nWzS8jT5?imageView2/0/q/50|imageslim",
+      qrImgParent: "https://luojigou-app-commit-pic.luojigou.vip/FmhFXxxEriRn1ZgJnmW1KT7YIuKf?imageView2/0/q/50|imageslim",
     };
   },
   methods: {

+ 2 - 2
components/products/teacher.vue

@@ -22,7 +22,7 @@
                       slot="reference"
                       class="cp downloadBtn"
                       @click="handleDownload"
-                      src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
+                      src="https://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
                       alt=""
                     >
                   </el-popover>
@@ -35,7 +35,7 @@
                       slot="reference"
                       class="cp downloadBtn"
                       @click="handleDownload"
-                      src="http://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
+                      src="https://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
                       alt="">
                   </el-popover>
 

+ 14 - 6
layouts/default.vue

@@ -1,8 +1,7 @@
 <template>
   <div>
-    <v-header></v-header>
-    <!-- <div id="backTop"></div> -->
-    <!-- <back-top></back-top> -->
+    <v-header @returnHeadWhite="returnHeadWhite"></v-header>
+    <back-top :backTopIsShow="headWhite" @handleBackTop="handleBackTop"></back-top>
     <main class="content-container" ref="container" :class="headFixed == true ? 'marginTop' : ''">
       <nuxt/>
     </main>
@@ -16,19 +15,20 @@
 <script>
   import VHeader from '~/components/home/header';
   import VFooter from '~/components/home/footer';
-  // import backTop from '~/components/common/backTop.vue'
+  import backTop from '~/components/common/backTop.vue'
   // import {seo} from '~/utils/assist'
 
   export default {
     components: {
       VHeader,
-      // backTop,
+      backTop,
       VFooter
     },
     data (){
       return {
         headFixed: true,
-        maxClientWidth: 980
+        maxClientWidth: 980,
+        headWhite: false
       }
     },
     mounted (){
@@ -43,6 +43,14 @@
       // })();    
     },
     methods: {
+      // 返回顶部
+      handleBackTop() {
+        document.getElementById("backTop").scrollIntoView();
+      },
+      // 返回距离顶部的状态 从header中获取 其中有一个原生监听sroll
+      returnHeadWhite(val) {
+        this.headWhite = val
+      },
       handleScroll (){
         var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
         var offsetTop = document.querySelector('.h-nav-list').offsetTop;

+ 8 - 8
pages/campus/index.vue

@@ -6,7 +6,7 @@
         <div class="submit-area">
           <div class="label">加盟申请</div>
           <div class="phone-num">
-            <img src="http://res.training.luojigou.vip/FmUjRlN7yn8o8HkXV21yOAJt-2C0?imageView2/0/q/50|imageslim" alt="" />
+            <img src="https://res.training.luojigou.vip/FmUjRlN7yn8o8HkXV21yOAJt-2C0?imageView2/0/q/50|imageslim" alt="" />
             <div class="num">400-6807300</div>
           </div>
           <div class="form">
@@ -180,18 +180,18 @@ export default {
         {
           id: 2,
           value: 1,
-          title: '逻辑狗思维游戏体验Plus'
+          title: '逻辑狗创意馆'
         },
         {
           id: 3,
           value: 2,
-          title: '逻辑狗创意馆'
+          title: '思维芯游戏室'
+        },
+        {
+          id: 4,
+          value: 2,
+          title: '“思维芯”四大课程体系'
         },
-        // {
-        //   id: 4,
-        //   value: 2,
-        //   title: '“思维芯”四大课程体系'
-        // },
         {
           id: 5,
           value: 4,

+ 21 - 18
pages/cooperate/index.vue

@@ -177,11 +177,11 @@ import SubmitForm from '@/components/common/form';
 import TitleContent from '@/components/common/titleContent';
 
 const advantageImg = Object.freeze([
-  "http://res.training.luojigou.vip/Fgzcc1GuXoorH_5NX1BmNQ8sCpMo?imageView2/0/q/50|imageslim",
-  "http://res.training.luojigou.vip/FhtDRiZ4jCYsC2xCyV9uOilQRNqh?imageView2/0/q/50|imageslim",
-  "http://res.training.luojigou.vip/Ftr-z7dlfG8WhtqYnzu08qlRz8sb?imageView2/0/q/50|imageslim",
-  "http://res.training.luojigou.vip/FpQyT6VRsHQVGfmXSO1kuWrYx0Jh?imageView2/0/q/50|imageslim",
-  "http://res.training.luojigou.vip/FrgZIm21VIRX62rYSg-5Osx32Jkx?imageView2/0/q/50|imageslim",
+  "https://res.training.luojigou.vip/Fgzcc1GuXoorH_5NX1BmNQ8sCpMo?imageView2/0/q/50|imageslim",
+  "https://res.training.luojigou.vip/FhtDRiZ4jCYsC2xCyV9uOilQRNqh?imageView2/0/q/50|imageslim",
+  "https://res.training.luojigou.vip/Ftr-z7dlfG8WhtqYnzu08qlRz8sb?imageView2/0/q/50|imageslim",
+  "https://res.training.luojigou.vip/FpQyT6VRsHQVGfmXSO1kuWrYx0Jh?imageView2/0/q/50|imageslim",
+  "https://res.training.luojigou.vip/FrgZIm21VIRX62rYSg-5Osx32Jkx?imageView2/0/q/50|imageslim",
 ]);
 
 const exprienceImg = Object.freeze([
@@ -263,30 +263,30 @@ const showImg = Object.freeze([
   {
     id: 0,
     imgUrl:
-      "http://res.training.luojigou.vip/FmWD-hqllLJjHbFlAT9QeoZUjKxd?imageView2/0/q/50|imageslim",
+      "https://res.training.luojigou.vip/FmWD-hqllLJjHbFlAT9QeoZUjKxd?imageView2/0/q/50|imageslim",
     label:
       "武商亚贸广场的小小夏令营来啦,参加小小夏令营的小朋友,从此就爱武商亚贸广场的小小夏令营来啦,参加小小夏令营的小朋友,从此就爱",
   },
   {
     id: 1,
     imgUrl:
-      "http://res.training.luojigou.vip/FmWD-hqllLJjHbFlAT9QeoZUjKxd?imageView2/0/q/50|imageslim",
+      "https://res.training.luojigou.vip/FmWD-hqllLJjHbFlAT9QeoZUjKxd?imageView2/0/q/50|imageslim",
     label:
       "武商亚贸广场的小小夏令营来啦,参加小小夏令营的小朋友,从此就爱武商亚贸广场的小小夏令营来啦,参加小小夏令营的小朋友,从此就爱",
   },
   {
     id: 2,
     imgUrl:
-      "http://res.training.luojigou.vip/FmWD-hqllLJjHbFlAT9QeoZUjKxd?imageView2/0/q/50|imageslim",
+      "https://res.training.luojigou.vip/FmWD-hqllLJjHbFlAT9QeoZUjKxd?imageView2/0/q/50|imageslim",
     label:
       "武商亚贸广场的小小夏令营来啦,参加小小夏令营的小朋友,从此就爱武商亚贸广场的小小夏令营来啦,参加小小夏令营的小朋友,从此就爱",
   },
 ]);
 const joinImg = Object.freeze({
   hot:
-    "http://res.training.luojigou.vip/Fv5jDvDdHaVLQThclUJhhoIL9ee8?imageView2/0/q/50|imageslim",
+    "https://res.training.luojigou.vip/Fv5jDvDdHaVLQThclUJhhoIL9ee8?imageView2/0/q/50|imageslim",
   cold:
-    "http://res.training.luojigou.vip/FisuM3wRDkZawF3sXOCzsyaIGCuA?imageView2/0/q/50|imageslim",
+    "https://res.training.luojigou.vip/FisuM3wRDkZawF3sXOCzsyaIGCuA?imageView2/0/q/50|imageslim",
 });
 const joinData = Object.freeze([
   {
@@ -384,7 +384,7 @@ export default {
         },
         {
           imgUrl: require('@/assets/images/merchants/merchants_img_02.png'),
-          title: '逻辑狗思维游戏体验Plus',
+          title: '“思维芯”四大课程体系',
           // desc: '逻辑狗——中国家庭教育领军品牌,在市场上,以逻辑狗思维体验HOME、逻辑狗思维体验PLUS、逻辑狗探索小镇TOWN呈现在家庭用户端,以小而美的形式,线上线下营销模式,让家长和孩子获得更好的服务体验。爱游戏是孩子的天性!创研万种游戏,让孩子在游戏中形成良好的学习习惯,塑造优秀的学习品质。'
         },
         {
@@ -408,18 +408,18 @@ export default {
         {
           id: 2,
           value: 1,
-          title: '逻辑狗思维游戏体验Plus'
+          title: '逻辑狗创意馆'
         },
         {
           id: 3,
           value: 2,
-          title: '逻辑狗创意馆'
+          title: '思维芯游戏室'
+        },
+        {
+          id: 4,
+          value: 2,
+          title: '“思维芯”四大课程体系'
         },
-        // {
-        //   id: 4,
-        //   value: 2,
-        //   title: '“思维芯”四大课程体系'
-        // },
         {
           id: 5,
           value: 4,
@@ -473,6 +473,9 @@ export default {
   },
   async asyncData({ params, store }) {},
   methods: {
+    navPage() {
+      this.$router.push({ path: '/merchants/campus' });
+    },
     async handleSubmit(formName) {
       this.$refs[formName].validate(async (valid) => {
         if (valid) {

+ 61 - 54
pages/index.vue

@@ -233,7 +233,7 @@
             </div>
           </div>
         </div>
-        <div class="student-pagination" slot="pagination"></div>
+        <!-- <div class="student-pagination" slot="pagination"></div> -->
       </div>
     </div>
 
@@ -726,9 +726,9 @@ export default {
       currentTabImg: 0,
       currentOMOTabIndex: 0,
       currentCourseType: 0,
-      bossImg: require('~/assets/images/home/boss_img.png'),
+      bossImg: "https://luojigou-app-commit-pic.luojigou.vip/FmWrknlY5cdWx6XEz5VE9bOkZSNX?imageView2/0/q/50|imageslim",
       // bossImg: '~/assets/images/home/boss_img.png',
-      eduImg: "http://luojigou-app-commit-pic.luojigou.vip/FrKVMB5LmgU1Q_I_HGjoz7B8Kkdb?imageView2/0/q/50|imageslim",
+      eduImg: "https://luojigou-app-commit-pic.luojigou.vip/FrKVMB5LmgU1Q_I_HGjoz7B8Kkdb?imageView2/0/q/50|imageslim",
       // 返回顶部
       backTopImgList: [{
         hoverImg: require('~/assets/images/home/boss_img.png'),
@@ -738,55 +738,55 @@ export default {
         {
           id: 0,
           label: '逻辑狗3-7岁',
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FkVDyYeXFpVE_oXElmB2M0akQ6Ws?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FkVDyYeXFpVE_oXElmB2M0akQ6Ws?imageView2/0/q/50|imageslim",
           path: '/product/detail?id=1'
         },
         {
           id: 1,
           label: '逻辑狗3-12岁',
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FtmWmKUwxnaaTXdGhjItNaL7QRVK?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FtmWmKUwxnaaTXdGhjItNaL7QRVK?imageView2/0/q/50|imageslim",
           path: '/product/detail?id=2'
         },
         {
           id: 2,
           label: '逻辑狗7-12岁',
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FgESCQBFk9yzUiIEGyyjSONxHQS6?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FgESCQBFk9yzUiIEGyyjSONxHQS6?imageView2/0/q/50|imageslim",
           path: '/product/detail?id=3'
         },
         {
           id: 3,
           label: '中华小熊猫',
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FtPHU3AHImhHmIrSYX8UUBsUL9aT?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FtPHU3AHImhHmIrSYX8UUBsUL9aT?imageView2/0/q/50|imageslim",
           path: '/product/detail?id=7'
         },
         {
           id: 4,
           label: '蚂蚁沙丘',
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FoHs5y28p39lWJV-oPExpPUXjYKc?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FoHs5y28p39lWJV-oPExpPUXjYKc?imageView2/0/q/50|imageslim",
           path: '/product/detail?id=6'
         },
         {
           id: 5,
           label: '春夏秋冬',
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/Fqb3iB6lyq3tW9DgeKJ4-mE4Lfbz?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/Fqb3iB6lyq3tW9DgeKJ4-mE4Lfbz?imageView2/0/q/50|imageslim",
           path: '/product/detail?id=5'
         },
         {
           id: 6,
           label: '克鲁德',
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FqQe0lknJLn92sEUSAwdJI28guuE?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FqQe0lknJLn92sEUSAwdJI28guuE?imageView2/0/q/50|imageslim",
           path: '/product/detail?id=4'
         },
         {
           id: 7,
           label: '思维魔法',
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FvtZIR6yunZ4FqZ0h57pPHyTpANR?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FvtZIR6yunZ4FqZ0h57pPHyTpANR?imageView2/0/q/50|imageslim",
           path: '/product/detail?id=8'
         },
         {
           id: 8,
           label: '聪明书',
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FiD29Rki5VcLeyBYSHlPi5NwaBFP?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FiD29Rki5VcLeyBYSHlPi5NwaBFP?imageView2/0/q/50|imageslim",
           path: '/product/detail?id=9'
         }
       ],
@@ -1087,19 +1087,19 @@ export default {
       ],
       productImage: [
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FqBHhodlooNuD6yZwnNU_F0yGJLW?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FqBHhodlooNuD6yZwnNU_F0yGJLW?imageView2/0/q/50|imageslim",
           title: "逻辑狗思维体验PLUS",
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/Flem6dtoFCQRkQ7ZjOynrLxBjGom?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/Flem6dtoFCQRkQ7ZjOynrLxBjGom?imageView2/0/q/50|imageslim",
           title: "逻辑狗思维体验",
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FkEk1noY_aJxZVn76azkOQcMKH3O?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FkEk1noY_aJxZVn76azkOQcMKH3O?imageView2/0/q/50|imageslim",
           title: "逻辑狗思维体验HOME",
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FtvSFswuxiHvcNtrS46HDqvN8ugS?imageView2/0/q/50|imageslim",
+          imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FtvSFswuxiHvcNtrS46HDqvN8ugS?imageView2/0/q/50|imageslim",
           title: "探索小镇",
         }
       ],
@@ -1336,36 +1336,43 @@ export default {
       },
       expertList: [
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FoUZhFcNKd_wIiSrlxqwburhtfS3?imageView2/0/q/50|imageslim",
+          // imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FoUZhFcNKd_wIiSrlxqwburhtfS3?imageView2/0/q/50|imageslim",
+          imgUrl: require('~/assets/images/index/expert_card_01.png'),
           title: '中德智慧',
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FlldWgAl0pwHaY_iCy33_eAY0rzl?imageView2/0/q/50|imageslim",
+          // imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FlldWgAl0pwHaY_iCy33_eAY0rzl?imageView2/0/q/50|imageslim",
+          imgUrl: require('~/assets/images/index/expert_card_02.png'),
           title: '中德智慧',
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/Fhbm-_5ygbz94W21cbZFtCIcMQ3N?imageView2/0/q/50|imageslim",
-          // imgUrl: require('~/assets/images/index/expert_card_03.png'),
+          // imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/Fhbm-_5ygbz94W21cbZFtCIcMQ3N?imageView2/0/q/50|imageslim",
+          imgUrl: require('~/assets/images/index/expert_card_03.png'),
           title: '中德智慧',
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FmB_Or65oKf1DVojBo11fnILXF9u?imageView2/0/q/50|imageslim",
+          // imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FmB_Or65oKf1DVojBo11fnILXF9u?imageView2/0/q/50|imageslim",
+          imgUrl: require('~/assets/images/index/expert_card_04.png'),
           title: '中德智慧',
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FrA3Fj-MSy4PGTbJXy67QnxUmWmp?imageView2/0/q/50|imageslim",
+          // imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FrA3Fj-MSy4PGTbJXy67QnxUmWmp?imageView2/0/q/50|imageslim",
+          imgUrl: require('~/assets/images/index/expert_card_05.png'),
           title: '中德智慧',
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FqOcAPrfqCqBdoH-wTY6unc6j0X8?imageView2/0/q/50|imageslim",
+          // imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FqOcAPrfqCqBdoH-wTY6unc6j0X8?imageView2/0/q/50|imageslim",
+          imgUrl: require('~/assets/images/index/expert_card_06.png'),
           title: '中德智慧',
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FsbwlMduzk0OCvaUikF0GwAcv1hJ?imageView2/0/q/50|imageslim",
+          // imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FsbwlMduzk0OCvaUikF0GwAcv1hJ?imageView2/0/q/50|imageslim",
+          imgUrl: require('~/assets/images/index/expert_card_07.png'),
           title: '中德智慧',
         },
         {
-          imgUrl: "http://luojigou-app-commit-pic.luojigou.vip/FlIXb9Mx1QUL2pDVOOZnDxDIYngU?imageView2/0/q/50|imageslim",
+          // imgUrl: "https://luojigou-app-commit-pic.luojigou.vip/FlIXb9Mx1QUL2pDVOOZnDxDIYngU?imageView2/0/q/50|imageslim",
+          imgUrl: require('~/assets/images/index/expert_card_08.png'),
           title: '中德智慧',
         }
       ],
@@ -1411,34 +1418,34 @@ export default {
         }
       ],
       studentList: [
-        {
-          avatarUrl: require("../assets/images/home/student_01.png"),
-          title: '助力幼小衔接 学习更轻松',
-          name: '陈小贝',
-          activeName: '山东菏泽',
-          desc: '陈小贝小朋友从小就喜欢玩儿逻辑狗,如今已经7岁上小学一年级了,上了小学之后每次数学成绩都非常优异。'
-        },
-        {
-          avatarUrl: require("../assets/images/home/student_02.png"),
-          title: '大鹏北京参赛记',
-          name: '大鹏',
-          activeName: '参与逻辑狗大赛',
-          desc: '现在大鹏已经上一年级了,仍然念念不忘快乐充实的北京之行,忘不了逻辑狗比赛,忘不了天安门、鸟巢,忘不了他幼小心中的北大和清华。'
-        },
-        {
-          avatarUrl: require("../assets/images/home/student_03.png"),
-          title: '13届全国幼儿思维挑战赛中班冠军',
-          name: '陈怡睿',
-          activeName: '徐州开发区',
-          desc: '使用逻辑狗的园所都可以参加全国思维能力挑战大赛,该大赛受到当地媒体的广泛关注,同时银座幼儿园作为礼哦机构使用10年的老园所也在当地声名远播。'
-        },
-        {
-          avatarUrl: require("../assets/images/home/student_04.png"),
-          title: '德语班的小帅哥',
-          name: '小帅哥',
-          activeName: '玉溪实验中学德语班',
-          desc: '他从四岁就开始跟着我学习思维课程,整整六年多的坚持,学完全套思维课程,让他的思维变得超强,不断在人群中脱颖而出。'
-        },
+        // {
+        //   avatarUrl: require("../assets/images/home/student_01.png"),
+        //   title: '助力幼小衔接 学习更轻松',
+        //   name: '陈小贝',
+        //   activeName: '山东菏泽',
+        //   desc: '陈小贝小朋友从小就喜欢玩儿逻辑狗,如今已经7岁上小学一年级了,上了小学之后每次数学成绩都非常优异。'
+        // },
+        // {
+        //   avatarUrl: require("../assets/images/home/student_02.png"),
+        //   title: '大鹏北京参赛记',
+        //   name: '大鹏',
+        //   activeName: '参与逻辑狗大赛',
+        //   desc: '现在大鹏已经上一年级了,仍然念念不忘快乐充实的北京之行,忘不了逻辑狗比赛,忘不了天安门、鸟巢,忘不了他幼小心中的北大和清华。'
+        // },
+        // {
+        //   avatarUrl: require("../assets/images/home/student_03.png"),
+        //   title: '13届全国幼儿思维挑战赛中班冠军',
+        //   name: '陈怡睿',
+        //   activeName: '徐州开发区',
+        //   desc: '使用逻辑狗的园所都可以参加全国思维能力挑战大赛,该大赛受到当地媒体的广泛关注,同时银座幼儿园作为礼哦机构使用10年的老园所也在当地声名远播。'
+        // },
+        // {
+        //   avatarUrl: require("../assets/images/home/student_04.png"),
+        //   title: '德语班的小帅哥',
+        //   name: '小帅哥',
+        //   activeName: '玉溪实验中学德语班',
+        //   desc: '他从四岁就开始跟着我学习思维课程,整整六年多的坚持,学完全套思维课程,让他的思维变得超强,不断在人群中脱颖而出。'
+        // },
         // {
         //   avatarUrl: require("../assets/images/home/student_05.png"),
         //   title: '我和逻辑狗',
@@ -2381,7 +2388,7 @@ ul.cate-nav {
 /* index-student */
 .index-student {
   padding: 100px 0 52px;
-  background: url("http://luojigou-app-commit-pic.luojigou.vip/FrYi7bj631U19HhqAYzc5E3aox8o?imageView2/0/q/50|imageslim");
+  background: url("~assets/images/home/student_bg.png");
   background-size: cover;
   .student-content-box {
     position: relative;