'校区数据'

pages/campus/_type/index.vue

@@ -79,7 +79,7 @@
             </div>
             <div class="active-content">
               <ul class="list">
-                <li class="active-item" v-for="(item, index) in activeList" :key="index">
+                <li class="active-item" v-for="(item, index) in activeData" :key="index">
                   <img :src="item.imgUrl" alt="" srcset="">
                   <div class="info">
                     <p class="title">{{ item.title }}</p>
@@ -216,32 +216,32 @@ const activeList = [
     list: [
       {
         title: '见过超大只的逻辑狗吗？',
-        desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+        desc: '想和他一起合影吗？那就来逻辑狗探索小镇吧',
         imgUrl: require('~/assets/images/campus/hc-1.jpg'),
       },
       {
-        title: '见过超大只的逻辑狗吗？',
-        desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+        title: '万圣节是宝贝们喜欢的节日',
+        desc: '他们可以变成自己喜欢的样子 在小镇度过这开心而又难忘的一天',
         imgUrl: require('~/assets/images/campus/hc-2.jpg'),
       },
       {
-        title: '见过超大只的逻辑狗吗？',
-        desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+        title: '万圣节能变成自己喜欢的样子',
+        desc: '和家长们一起做游戏可真开心 小镇的丰富的活动可真多啊',
         imgUrl: require('~/assets/images/campus/hc-3.jpg'),
       },
       {
-        title: '见过超大只的逻辑狗吗？',
-        desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+        title: '幼儿园师资培训教师培训圆满结束',
+        desc: '老师们都带着满满的收获准备回去啦 当然要留下这具有纪念意义的一刻',
         imgUrl: require('~/assets/images/campus/hc-4.jpg')
       },
       {
-        title: '见过超大只的逻辑狗吗？',
-        desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+        title: '引流活动 家长微笑的看着宝贝',
+        desc: '看来大家都做对咯 今天在逻辑狗的收获满满',
         imgUrl: require('~/assets/images/campus/hc-5.jpg')
       },
       {
-        title: '见过超大只的逻辑狗吗？',
-        desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+        title: '引流活动',
+        desc: '积极的举手回答问题认真的听题目 是在逻辑狗养成的良好学习习惯',
         imgUrl: require('~/assets/images/campus/hc-6.jpg')
       }
     ]
@@ -249,36 +249,104 @@ const activeList = [
   {
     list: [
       {
-        title: '见过超大只的逻辑狗吗？',
-        desc: '想和他一起合影吗？那就来逻辑狗探索小镇吧',
+        title: '逻辑狗·探索小镇武汉中心一周岁',
+        desc: '在周年庆典上小朋友玩的非常开心 会员小朋友收到了非常暖心的小礼物',
         imgUrl: require('~/assets/images/campus/hc-7.jpg')
       },
       {
-        title: '万圣节是宝贝们喜欢的节日',
-        desc: '他们可以变成自己喜欢的样子在小镇度过这开心而又难忘的一天',
+        title: 'jingle bells, jingle bells, jingle all the way......',
+        desc: '小朋友收到了最好的礼物！ 那就是爸爸妈妈亲手写的圣诞贺卡~',
         imgUrl: require('~/assets/images/campus/hc-8.jpg')
       },
       {
-        title: '万圣节能变成自己喜欢的样子',
-        desc: '和家长们一起做游戏可真开心小镇的丰富的活动可真多啊',
+        title: '逻辑狗·探索小镇的圣诞活动来啦~',
+        desc: '圣诞老爷爷背着大大的口袋来啦! 来给大家发礼物啦~',
         imgUrl: require('~/assets/images/campus/hc-9.jpg')
       },
       {
-        title: '幼儿园师资培训教师培训圆满结束',
-        desc: '幼儿园师资培训教师培训圆满结束老师们都带着满满的收获准备回去啦当然要留下这具有纪念意义的一刻',
+        title: '祝你生日快乐，祝你生日快乐~',
+        desc: '逻辑狗·探索小镇的会员生日会来咯~ 在生日歌中，小朋许下了美好的愿望',
         imgUrl: require('~/assets/images/campus/hc-10.jpg')
       },
       {
-        title: '引流活动 家长微笑的看着宝贝',
-        desc: '看来大家都做对咯今天在逻辑狗的收获满满',
+        title: '武商亚贸广场的小小夏令营来啦~',
+        desc: '参加小小夏令营的小朋友 从此就爱上了逻辑狗~',
         imgUrl: require('~/assets/images/campus/hc-11.jpg')
       },
       {
-        title: '引流活动',
-        desc: '积极的举手回答问题认真的听题目是在逻辑狗养成的良好学习习惯',
+        title: '铛铛铛！我在小镇学习一年啦！',
+        desc: '小会员在欢声笑语中迎来了毕业典礼 这里有奖状，期盼，还有美好的祝福',
         imgUrl: require('~/assets/images/campus/hc-12.jpg')
       }
     ]
+  },
+  {
+    list: [
+      {
+        title: '简洁明亮的教室、实验室',
+        desc: '舒适温馨的学习环境 学员的学习必定事半功倍',
+        imgUrl: require('~/assets/images/campus/hc-13.jpg')
+      },
+      {
+        title: '我们开业啦',
+        desc: '小宝贝来和小魔女一起做游戏吧！开心！！！',
+        imgUrl: require('~/assets/images/campus/hc-14.jpg')
+      },
+      {
+        title: '多元化的课程，切合学员的不同需求~',
+        desc: '确保最佳的师资力量提供服务 务求最完善的硬件设施及学习空间',
+        imgUrl: require('~/assets/images/campus/hc-15.jpg')
+      },
+      {
+        title: '丰富的玩教具~',
+        desc: '锻炼小朋友的手眼脑口协调能力 增强趣味性，让孩子爱上小镇',
+        imgUrl: require('~/assets/images/campus/hc-16.jpg')
+      },
+      {
+        title: '万圣节活动~',
+        desc: '看我们百变的灯笼 你也想拥有吗？~',
+        imgUrl: require('~/assets/images/campus/hc-17.jpg')
+      },
+      {
+        title: '祖国，生日快乐！',
+        desc: '我们一起为祖国庆祝生日！和妈妈一起动手，好幸福！',
+        imgUrl: require('~/assets/images/campus/hc-18.jpg')
+      }
+    ]
+  },
+  {
+    list: [
+      {
+        title: '喜庆的万圣节',
+        desc: '请把您的目光锁定在我们的舞台上 让我们来共享这奇妙的万圣夜之旅！',
+        imgUrl: require('~/assets/images/campus/hc-19.jpg')
+      },
+      {
+        title: '探索、求知、自主的游戏',
+        desc: '早已让老师和孩子们身临其境到忘形 满脸的笑容，一定是爱上了逻辑思维~',
+        imgUrl: require('~/assets/images/campus/hc-20.jpg')
+      },
+      {
+        title: '圣诞老公公',
+        desc: '给我们带来神秘的礼物哦 你们心动了吗？',
+        imgUrl: require('~/assets/images/campus/hc-21.jpg')
+      },
+      {
+        title: '逻辑狗外出活动啦！',
+        desc: '粉丝们的热情挡不住呀！期待下次与你们相约在探索小镇哦！',
+        imgUrl: require('~/assets/images/campus/hc-22.jpg')
+      },
+      {
+        title: '母亲节，一个充满爱的节日',
+        desc: '在小镇我们一起见证了 这份母爱的伟大！',
+        imgUrl: require('~/assets/images/campus/hc-23.jpg')
+      },
+      {
+        title: '全国思维能力挑战大赛开赛啦！',
+        desc: '孩子们正在紧张认真的比拼中 当然要留下这激动人心的一幕',
+        imgUrl: require('~/assets/images/campus/hc-24.jpg')
+      }
+    ]
   }
 ]
 export default {
@@ -295,33 +363,33 @@ export default {
       environment: [],
       activeList: [
         {
-          title: '见过超大只的逻辑狗吗？',
-          desc: '见过超大只的逻辑狗吗？想和他一起合影吗？那就来逻辑狗探索小镇吧',
+          title: '逻辑狗·探索小镇武汉中心一周岁',
+          desc: '在周年庆典上小朋友玩的非常开心 会员小朋友收到了非常暖心的小礼物',
           imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
         },
         {
-          title: '见过超大只的逻辑狗吗？',
-          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          title: 'jingle bells, jingle bells, jingle all the way......',
+          desc: '小朋友收到了最好的礼物！ 那就是爸爸妈妈亲手写的圣诞贺卡~',
           imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-2.jpg'
         },
         {
-          title: '见过超大只的逻辑狗吗？',
-          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          title: '逻辑狗·探索小镇的圣诞活动来啦~',
+          desc: '圣诞老爷爷背着大大的口袋来啦! 来给大家发礼物啦~',
           imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
         },
         {
-          title: '见过超大只的逻辑狗吗？',
-          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          title: '祝你生日快乐，祝你生日快乐~',
+          desc: '逻辑狗·探索小镇的会员生日会来咯~ 在生日歌中，小朋许下了美好的愿望',
           imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
         },
         {
-          title: '见过超大只的逻辑狗吗？',
-          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          title: '武商亚贸广场的小小夏令营来啦~',
+          desc: '参加小小夏令营的小朋友 从此就爱上了逻辑狗~',
           imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
         },
         {
-          title: '见过超大只的逻辑狗吗？',
-          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          title: '铛铛铛！我在小镇学习一年啦！',
+          desc: '小会员在欢声笑语中迎来了毕业典礼 这里有奖状，期盼，还有美好的祝福',
           imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
         }
       ]
@@ -349,10 +417,12 @@ export default {
     const index = type - 1;
     const town = townList[index];
     const environment = environmentList[index].list;
+    const activeData = activeList[index].list;
     return {
       type,
       town,
-      environment
+      environment,
+      activeData
     }
   },
   mounted() {
@@ -631,6 +701,9 @@ export default {
           font-weight: 500;
           color: #1F241E;
           line-height: 28px;
+          overflow: hidden;//超出一行文字自动隐藏 
+          text-overflow: ellipsis;//文字隐藏后添加省略号
+          white-space: nowrap;//强制不换行
         }
         .desc {
           margin-top: 10px;
@@ -638,6 +711,11 @@ export default {
           font-family: PingFangSC-Regular, PingFang SC;
           font-weight: 400;
           color: #1F241E;
+          overflow : hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
         }
       }
     }

pages/campus/index.vue

@@ -74,7 +74,8 @@ export default {
       campusList: [
         {
           id: 1,
-          imgUrl: 'http://zaojiao.net/public/static/index/images/xq/xq1-1.jpg',
+          // imgUrl: 'http://zaojiao.net/public/static/index/images/xq/xq1-1.jpg',
+          imgUrl: require('~/assets/images/campus/xq1-1.jpg'),
           address: '盈港东路8300弄佳乐苑社区商铺',
           phone: '4007288000',
           name: '襄阳校区',
@@ -82,7 +83,7 @@ export default {
         },
         {
           id: 2,
-          imgUrl: require('~/assets/images/campus/campus_img.jpg'),
+          imgUrl: require('~/assets/images/campus/xq2-1.jpg'),
           address: '盈港东路8300弄佳乐苑社区商铺',
           phone: '4007288000',
           name: '武汉校区',
@@ -90,7 +91,7 @@ export default {
         },
         {
           id: 3,
-          imgUrl: require('~/assets/images/campus/campus_img.jpg'),
+          imgUrl: require('~/assets/images/campus/xq3-1.jpg'),
           address: '盈港东路8300弄佳乐苑社区商铺',
           phone: '4007288000',
           name: '唐山校区',
@@ -98,7 +99,7 @@ export default {
         },
         {
           id: 4,
-          imgUrl: require('~/assets/images/campus/campus_img.jpg'),
+          imgUrl: require('~/assets/images/campus/xq4-1.jpg'),
           address: '盈港东路8300弄佳乐苑社区商铺',
           phone: '4007288000',
           name: '莆田校区',

pages/index.vue

@@ -229,29 +229,36 @@
             <div class="cate-list course-cate-list">
               <div
                 class="product-item course-product-item wow animate__animated animate__lightSpeedInRight"
-                v-for="(item, index) in courseCate"
+                v-for="(item, index) in courseList"
                 :key="index"
               >
                 <div class="product-item-img course-product-item-img">
-                  <nuxt-link target="_blank" to="/">
-                    <img src="~/assets/images/index/product_course.png" alt="" srcset="">
-                  </nuxt-link>
+                  <a :href="item.linkUrl" target="_blank" rel="noopener noreferrer">
+                    <img :src="item.imgUrl" alt="" srcset="">
+                  </a>
                   <div class="course-product-item-play">
-                    <nuxt-link target="_blank" to="/">
+                    <a :href="item.linkUrl" target="_blank" rel="noopener noreferrer">
                       <img src="~/assets/images/index/player.png" alt="" srcset="">
-                    </nuxt-link>
+                    </a>
                   </div>
                 </div>
                 <div class="course-product-info">
-                  <div class="course-product-title">幼小衔接课程……</div>
+                  <div class="course-product-title">
+                    <a :href="item.linkUrl" target="_blank" rel="noopener noreferrer">
+                      {{ item.title }}
+                    </a>
+                  </div>
                   <div class="course-product-content">
-                    <div class="course-product-price">
+                    <div class="course-product-price" v-if="item.price">
                       ￥
-                      <span class="price-num">888</span>
+                      <span class="price-num">{{ item.price }}</span>
+                    </div>
+                    <div class="course-product-price" v-else>
+                      免费
                     </div>
                     <div class="course-product-user">
                       <img src="~/assets/images/index/product_person.png" alt="" srcset="">
-                      <div class="views">158</div>
+                      <div class="views">{{item.view}}</div>
                     </div>
                   </div>
                 </div>
@@ -259,7 +266,7 @@
             </div>
           </div>
         </div>
-        <div class="more-btn wow animate__animated animate__zoomIn">更多产品</div>
+        <div class="more-btn wow animate__animated animate__zoomIn" @click="courseMore">更多课程</div>
       </div>
     </div>
 
@@ -958,6 +965,40 @@ export default {
           type: 3,
         },
       ],
+      courseList: [
+        {
+          linkUrl: 'https://course.zaojiao.net/detail/p_5d89ac0689610_X7JQOygx/6',
+          imgUrl: "http://wechatapppro-1252524126.file.myqcloud.com/appeUTy6Ddw5323/image/compress/640480851kdo7as2u0jcnzs1y3mj.jpg",
+          title: '逻辑狗教学体系课',
+          desc: '从【思维教育理论】到【实操方法】，由浅入深，系统讲解逻辑狗的授课方法，一站解决你关于逻辑狗教学的问题。',
+          price: '',
+          view: '521'
+        },
+        {
+          linkUrl: 'https://course.zaojiao.net/detail/p_5d89d11b9cbdd_MzWlooA7/6',
+          imgUrl: "http://wechatapppro-1252524126.file.myqcloud.com/appeUTy6Ddw5323/image/compress/larger_cmVzb3VyY2UtY291cnNlUGFja2FnZS04MzkyNjg0Mg.png",
+          title: '【办赛指南】中德智慧杯 · 思维好儿童 · 幼儿思维能力挑战大赛',
+          desc: '幼儿思维领域的“奥林匹克”',
+          price: '',
+          view: '342'
+        },
+        {
+          linkUrl: 'https://course.zaojiao.net/detail/p_5d89d7c797817_xUEv1j0i/6',
+          imgUrl: "http://wechatapppro-1252524126.file.myqcloud.com/appeUTy6Ddw5323/image/compress/640480951kdh5cd3b0ye8salmlmap.jpg",
+          title: '活动方案集锦',
+          desc: '为园所提供“六一节” “端午节” “中秋节" “父亲节” “母亲节”等节日方案',
+          price: '',
+          view: '178'
+        },
+        {
+          linkUrl: 'https://course.zaojiao.net/detail/l_5d8ade6172474_YSQrR4On/4',
+          imgUrl: "http://wechatapppro-1252524126.file.myqcloud.com/appeUTy6Ddw5323/image/compress/larger_cmVzb3VyY2UtY291cnNlQWxpdmUtNzAzODcwMjg.png",
+          title: '如何有效引导孩子，用「逻辑狗」培养思维能力？',
+          desc: '专业「逻辑狗」培训师，为妈妈一次性解决所有关于「逻辑狗」的困惑。',
+          price: '99.00',
+          view: '941'
+        },
+      ],
       productImage: [
         {
           imgUrl: require("../assets/images/index/product_01.png"),
@@ -1337,6 +1378,11 @@ export default {
       let id="new_a";
       this.createSuperLabel(uri,id);
     },
+    courseMore() {
+      let uri = 'https://course.zaojiao.net/all/594191';
+      let id="new_a";
+      this.createSuperLabel(uri,id);
+    },
     createSuperLabel(url, id) {
       let a = document.createElement("a");         
       a.setAttribute("href", url);      
@@ -1878,7 +1924,7 @@ ul.cate-nav {
   }
 }
 
-/* index-thinking */
+/* index-course */
 .index-course {
   padding-top: 164px;
   max-width: 1200px;
@@ -1910,11 +1956,16 @@ ul.cate-nav {
     margin-top: 82px;
     .course-product-item {
       width: 365px;
+      transition: transform .3s ease-in-out;
+      &:hover {
+        transform: translate3d(0,-8px,0);
+      }
       .course-product-item-img {
         position: relative;
         font-size: 0;
         img {
           width: 100%;
+          border-radius: 18px 18px 0px 0px;
         }
         .course-product-item-play {
           position: absolute;
@@ -1934,7 +1985,6 @@ ul.cate-nav {
     border-radius: 0px 0px 18px 18px;
     padding: 26px 22px;
     .course-product-title {
-      width: 160px;
       height: 28px;
       font-size: 20px;
       font-weight: 400;