Merge branch 'master' of https://git.luojigou.vip/luojigou_h5/zhongde_web

components/about/header.vue → components/about/banner.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="header" :style="{backgroundImage: 'url(' + bgImage + ')' }" >
+  <div class="banner" :style="{backgroundImage: 'url(' + bgImage + ')' }" >
     {{ title }}
   </div>
 </template>
@@ -33,7 +33,7 @@ export default {
 
 <style lang="scss" scoped>
 @import "~static/common/style.sass";
-.header {
+.banner {
   display: flex;
   justify-content: center;
   align-items: center;

components/home/header.vue

@@ -32,7 +32,7 @@
 							<nuxt-link to="/experice">网校中心</nuxt-link>
 						</li>
 						<li>
-							<nuxt-link target="_blank" to="/prod">全国校区</nuxt-link>
+							<nuxt-link target="_blank" to="/campus">全国校区</nuxt-link>
 						</li>
 						<li>
 							<nuxt-link target="_blank" to="/news">加盟合作</nuxt-link>

package.json

@@ -28,6 +28,7 @@
     "swiper": "^6.1.2",
     "vue-awesome-swiper": "^4.1.1",
     "vue-baidu-map": "^0.21.22",
+    "vue-count-to": "^1.0.13",
     "vuex": "^3.5.1"
   },
   "devDependencies": {

pages/about/contact.vue

@@ -1,24 +1,140 @@
 <template>
   <div class="container">
     <abount-header :title="title" :bgImage="bgImage"></abount-header>
+
     <!-- 优质输出平台 -->
     <div class="quality">
       <div class="q-title title-zh">全球优质教育内容输出平台</div>
-      <div class="q-content w1200">
-        <div>1111</div>
+      <div class="q-content">
+        <div class="q-content-wrap w1200">
+          <div class="q-content-desc">
+            <p>全球多个国家</p>
+            <p>众多教学机构</p>
+            <p>都在使用的新一代教育方案</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 针对儿童思维开发 -->
+    <div class="thinking">
+      <div class="t-content w1200">
+        <div class="t-top title-content">
+          <div class="t-title title-zh">针对儿童思维开发</div> 
+          <p class="title-sub">以孩子为核心</p>
+        </div>
+        <div class="thinking-content-box">
+          <div class="content-left">
+            <img src="~/assets/images/about/thinking_img.png" alt="" srcset="">
+          </div>
+          <div class="content-right">
+            <div class="content-right-top">
+              <div class="img-item">
+                <img src="~/assets/images/about/thinking_arrow_01.png" alt="" srcset="">
+              </div>
+              <div class="img-item right-top-02">
+                <img src="~/assets/images/about/thinking_icon_01.png" alt="" srcset="">
+              </div>
+              <div class="img-item">
+                <img src="~/assets/images/about/thinking_arrow_02.png" alt="" srcset="">
+              </div>
+            </div>
+            <div class="content-right-bottom">
+              <div class="img-item">
+                <img src="~/assets/images/about/thinking_icon_02.png" alt="" srcset="">
+              </div>
+              <div class="img-item">
+                <img src="~/assets/images/about/thinking_arrow_03.png" alt="" srcset="">
+              </div>
+              <div class="img-item">
+                <img src="~/assets/images/about/thinking_icon_03.png" alt="" srcset="">
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 逻辑狗激发学习兴趣 -->
+    <div class="interest">
+      <div class="i-content w1200">
+        <div class="t-top title-content">
+          <div class="t-title title-zh">逻辑狗激发学习兴趣</div> 
+          <p class="title-sub">逻辑狗提供的智力游戏，于孩子的生活实际，让孩子在熟悉的知识环境中，锻炼自己的思维，丰富自己的知识，这对孩子的健康成长也是很有帮助的。</p>
+        </div>
+        <div class="interest-content-box">
+          <div class="interest-item">
+            <img src="~/assets/images/about/interest_01.png" alt="" srcset="">
+            <div class="line"></div>
+          </div>
+          <div class="interest-item">
+            <img src="~/assets/images/about/interest_02.png" alt="" srcset="">
+            <div class="line"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 逻辑狗教育大奖 -->
+    <div class="award">
+      <div class="a-content">
+        <div class="a-top title-content">
+          <div class="t-title title-zh">逻辑狗教育大奖</div> 
+        </div>
+      </div>
+    </div>
+
+    <!-- 校园风采 -->
+    <div class="campus">
+      <div class="c-content w1200">
+        <div class="c-top title-content">
+          <div class="t-title title-zh">校园风采</div> 
+        </div>
+        <div class="campus-content-box">
+          <div class="campus-item" v-for="(item, index) in campusList" :key="index">
+            <div class="img">
+              <img :src="item.imgUrl" alt="" srcset="">
+            </div>
+            <div class="desc">
+              {{ item.title }}
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import AbountHeader from '~/components/about/header';
+import AbountHeader from '~/components/about/banner';
 
 export default {
   data() {
     return {
       title: '联系我们',
       bgImage: require('~/assets/images/about/about_contact.png'),
+      campusList: [
+        {
+          imgUrl: require('~/assets/images/about/interest_02.png'),
+          title: '武商亚贸广场的小小夏令营来啦，参加小小夏令营的小朋友，从此就爱上'
+        },
+        {
+          imgUrl: require('~/assets/images/about/interest_02.png'),
+          title: '武商亚贸广场的小小夏令营来啦，参加小小夏令营的小朋友，从此就爱上'
+        },
+        {
+          imgUrl: require('~/assets/images/about/interest_02.png'),
+          title: '武商亚贸广场的小小夏令营来啦，参加小小夏令营的小朋友，从此就爱上'
+        },
+        {
+          imgUrl: require('~/assets/images/about/interest_02.png'),
+          title: '武商亚贸广场的小小夏令营来啦，参加小小夏令营的小朋友，从此就爱上'
+        },
+        {
+          imgUrl: require('~/assets/images/about/interest_02.png'),
+          title: '武商亚贸广场的小小夏令营来啦，参加小小夏令营的小朋友，从此就爱上'
+        }
+      ]
     }
   },
   components: {
@@ -44,10 +160,164 @@ export default {
   text-align: center;
 }
 
-
 .quality {
-  background: url('~assets/images/about/contact_bg_01.png') 100% 100% no-repeat;
+  .q-title {
+    padding: 192px 0 112px;
+  }
   .q-content {
+    position: relative;
+    height: 989px;
+    width: 100%;
+    background: url('~assets/images/about/contact_bg_01.png') 100% 100% no-repeat;
+    .q-content-wrap {
+      // position: absolute;
+      position: relative;
+      height: 989px;
+      width: 100%;
+      .q-content-desc {
+        position: absolute;
+        bottom: 408px;
+        right: 0;
+        font-size: 30px;
+        font-family: PingFangSC-Medium,PingFang SC;
+        font-weight: 500;
+        color:#333330;
+        line-height: 64px;
+      }
+    }
+  }
+}
+
+.thinking {
+  height: 1078px;
+  background: url('~assets/images/about/contact_bg_02.png') 100% 100% no-repeat;
+  padding: 144px 0 170px;
+  .title-sub {
+    margin-top: 22px;
+    text-align: center;
+    font-size:28px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:#38393A;
+    line-height:40px;
+  }
+  .thinking-content-box {
+    margin-top: 154px;
+    display: flex;
+    .content-left {
+      margin-right: 112px;
+    }
+    .content-right {
+      .content-right-top {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        .right-top-02 {
+          margin: 0 26px 0 32px
+        }
+      }
+      .content-right-bottom {
+        display: flex;
+        align-items: flex-end;
+      }
+    }
+  }
+}
+
+.interest {
+  padding: 188px 0 92px;
+  .i-content {
+    .title-sub {
+      line-height:48px;
+      font-size: 24px;
+      font-family: PingFangSC-Regular,PingFang SC;
+      font-weight: 400;
+      color: #999999;
+      text-align: center;
+    }
+    .title-sub {
+      padding: 0 100px;
+      margin-top: 38px;
+    }
+  }
+  .interest-content-box {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 128px;
+    .interest-item {
+      position: relative;
+      font-size: 0;
+      width: 578px;
+      overflow: hidden;
+      transition: 0.3s ease-out;
+      &:hover {
+        transform: translate3d(0,-8px,0);
+        img {
+          // transform: scale(1.2);
+        }
+      }
+      img {
+        width: 100%;
+        transition: 0.5;
+      }
+      .line {
+        position: absolute;
+        bottom: 0;
+        height: 9px;
+        background: $theme_color;
+        z-index: 66;
+        width: 100%;
+      }
+    }
+  }
+}
+
+.award {
+  padding-top: 96px;
+  height: 723px;
+  width: 100%;
+  background: url('~assets/images/about/award.png') 100% 100% no-repeat;
+}
+
+.campus {
+  padding: 182px 0 206px;
+  .campus-content-box {
+    margin-top: 172px;
+    display: flex;
+    flex-wrap: wrap;
+    .campus-item {
+      max-width:360px;
+      margin: 0 38px 126px 0;
+      &:nth-child(3n) {
+        margin-right: 0;
+      }
+      &:hover {
+        transform: scale(1.1);
+        padding: 18px 18px 32px 18px;
+        background:#ffffff;
+        border-bottom: 2px solid rgba(35,106,250,1);
+        box-shadow:0px 4px 20px 0px rgba(150,150,150,0.22);
+        border-radius: 20px;
+        margin-bottom: 52px;
+        .desc {
+          transform: scale(1.0);
+        }
+      }
+      img {
+        width: 100%;
+        height: 192px;
+        object-fit: cover;
+        border-radius: 20px;
+      }
+      .desc {
+        margin-top: 30px;
+        font-size: 20px;
+        font-family: PingFangSC-Regular,PingFang SC;
+        font-weight: 400;
+        color: #333333;
+        line-height: 28px;
+      }
+    }
   }
 }
 

pages/about/team.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import AbountHeader from "~/components/about/header";
+import AbountHeader from "~/components/about/banner";
 
 export default {
   data() {

pages/campus/_type/index.vue

@@ -0,0 +1,400 @@
+<template>
+  <div class="container">
+    <div class="header">
+    </div>
+
+    <!-- 校区 -->
+    <div class="town one w1200">
+      <div class="title-content">
+        <div class="t-title title-zh">{{ getCity(type) }}校区</div>
+      </div>
+      <div class="town-content">
+        <h3 class="town-title">逻辑狗·搜索小镇</h3>
+        <div class="town-content-info">
+          <div class="content-left">
+            <img src="~/assets/images/campus/icon_adderss_02.png" alt="" srcset="">
+            <div class="content-left-info">
+              <div class="info-address">
+                <p>上海市·青浦区</p>
+                <p class="address">盈港东路8300弄佳乐苑社区商铺</p>
+              </div>
+              <p class="info-desc">
+                逻辑狗·探索小镇是襄阳市首家专注于儿童优质思维能力养成 的游戏式体验中心。为2.5—8岁儿童提供具有国际品质的全 球同频思维训练课程与服务。通过多种思维游戏体验帮助孩子 获得卓越的思维能力，养成优秀的思维习惯，成就未来幸福人生。
+              </p>
+              <div class="info-mission">
+                <p class="text">教育使命</p>
+                <p class="slogan">让发现成为自然，让探索成为习惯 </p>
+                <p class="slogan">培养思维能力，塑造学习品质</p>
+              </div>
+            </div>
+          </div>
+          <div class="content-right">
+            <div class="town-img">
+              <img src="~/assets/images/campus/town_img.png" alt="">
+            </div>
+            <div class="circle_top_r">
+              <img src="~/assets/images/campus/circle_big.png" alt="">
+            </div>
+            <div class="circle_bottom_l">
+              <img src="~/assets/images/campus/circle_small.png" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 校区环境/精彩活动 -->
+    <div class="main">
+      <div class="environment">
+        <div class="title-content">
+          <div class="title-zh">校区环境</div>
+        </div>
+        <div class="main-wrap w1200">
+          <div class="e-content">
+            <div class="e-content-left">
+              <img src="~/assets/images/campus/campus_img.jpg" alt="" srcset="">
+            </div>
+            <div class="e-content-right">
+              <div class="e-right-top">
+                <div class="right-top-1"><img src="~/assets/images/campus/campus_img.jpg" alt="" srcset=""></div>
+                <div class="right-top-2"><img src="~/assets/images/campus/campus_img.jpg" alt="" srcset=""></div>
+              </div>
+              <div class="e-right-bottom">
+                <div class="right-bottom-1"><img src="~/assets/images/campus/campus_img.jpg" alt="" srcset=""></div>
+                <div class="right-bottom-2"><img src="~/assets/images/campus/campus_img.jpg" alt="" srcset=""></div>
+              </div>
+            </div>
+            <div class="circle">
+              <img src="~/assets/images/campus/circle_active.png" alt="" srcset="">
+            </div>
+          </div>
+
+          <!-- 精彩活动 -->
+          <div class="active">
+            <div class="title-content">
+              <div class="title-zh">精彩活动</div>
+            </div>
+            <div class="active-content">
+              <ul class="list">
+                <li class="active-item" v-for="(item, index) in activeList" :key="index">
+                  <img :src="item.imgUrl" alt="" srcset="">
+                  <div class="info">
+                    <p class="title">{{ item.title }}</p>
+                    <p class="desc">{{ item.desc }}</p>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      activeList: [
+        {
+          title: '见过超大只的逻辑狗吗？',
+          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
+        },
+        {
+          title: '见过超大只的逻辑狗吗？',
+          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
+        },
+        {
+          title: '见过超大只的逻辑狗吗？',
+          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
+        },
+        {
+          title: '见过超大只的逻辑狗吗？',
+          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
+        },
+        {
+          title: '见过超大只的逻辑狗吗？',
+          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
+        },
+        {
+          title: '见过超大只的逻辑狗吗？',
+          desc: '想跟他一起合影吗，他们可以变成自己 喜欢的样子',
+          imgUrl: 'http://zaojiao.net/public/static/index/images/xq/hc-1.jpg'
+        }
+      ]
+    }
+  },
+  asyncData({isDev, route, store, env, params, query, req, res, redirect, error}) {
+    return {
+      type: params.type
+    }
+    console.log(params);
+  },
+  methods: {
+    getCity(type) {
+      let key = parseInt(type);
+      switch (key) {
+        case 1:
+          return '襄阳'
+          break;
+
+        case 2:
+          return '武汉'
+          break;
+
+        case 3:
+          return '唐山'
+          break;
+
+        case 4:
+          return '莆田'
+          break;
+      
+        default:
+          return '北京'
+          break;
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "~static/common/style.sass";
+
+.container {
+  background: #f0f2f5;
+}
+
+.title-zh {
+  height: 81px;
+  line-height: 81px;
+  font-size: 58px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  color: #000000;
+  letter-spacing: 1px;
+  text-align: center;
+}
+
+.header {
+  position: relative;
+  background: url('~assets/images/campus/detail_bg.png') 100% 100% no-repeat;
+  height: 882px;
+}
+
+.town {
+  padding: 190px 0 142px;
+  .town-content {
+    margin-top: 38px;
+    .town-title {
+      width: 230px;
+      height: 42px;
+      line-height: 42px;
+      font-size: 30px;
+      font-family: PingFangSC-Semibold,PingFang SC;
+      font-weight: 600;
+      color:#262626;
+    }
+    .town-content-info {
+      display: flex;
+      margin-top: 38px;
+      .content-left {
+        display: flex;
+        margin-right: 50px;
+        .content-left-info {
+          margin-left: 23px;
+        }
+        .info-address {
+          font-size: 16px;
+          color: #747576;
+          .address {
+            margin-top: 8px;
+          }
+        }
+        .info-desc {
+          margin-top: 30px;
+          font-size: 18px;
+          width: 500px;
+          font-family: PingFangSC-Regular,PingFang SC;
+          font-weight: 400;
+          color: #262626;
+          line-height:30px;
+        }
+        .info-mission {
+          font-size: 18px;
+          margin-top: 20px;
+          .text {
+            color: #262626;
+            font-family:PingFangSC-Medium,PingFang SC;
+            font-weight:500;
+            margin-bottom: 4px;
+          }
+          .slogan {
+            color: #3475FC;
+            font-family: PingFangSC-Regular,PingFang SC;
+            font-weight: 400;
+          }
+        }
+        img {
+          width: 20px;
+          height: 23px;
+        }
+      }
+    }
+    .content-right {
+      position: relative;
+      // background: url('~assets/images/campus/circle_big.png'),
+      //             url('~assets/images/campus/circle_small.png');
+      // background-position: top -88px right -28px, bottom -82px left 28px;
+      // background-repeat: no-repeat no-repeat;
+      .town-img {
+        position: relative;
+        z-index: 10;
+        font-size: 0;
+        img {
+        }
+      }
+      .circle_top_r {
+        position: absolute;
+        top: -62px;
+        right: 0px;
+      }
+      .circle_bottom_l {
+        position: absolute;
+        bottom: -52px;
+        left: 56px;
+      }
+    }
+  }
+}
+
+.main {
+  padding-bottom: 172px;
+  .main-wrap {
+    background: url('~assets/images/campus/content_bg.png') no-repeat;
+  }
+}
+
+.environment {
+  .e-content {
+    position: relative;
+    display: flex;
+    margin-top: 146px;
+    // background: url('~assets/images/campus/circle_active.png') no-repeat bottom -120px left -14px;
+    img {
+      object-fit: cover;
+      height: 100%;
+      width: 100%;
+      border-radius: 10px;
+    }
+    .e-content-left {
+      width: 577px;
+      height: 433px;
+      margin-right: 9px;
+      z-index: 10;
+      box-shadow: 0px 5px 21px 0px #E8F3F3;
+    }
+    .e-content-right {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      .e-right-top {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .right-top-1 {
+          width: 385px;
+          height: 217px;
+          margin-right: 11px;
+          box-shadow: 0px 5px 21px 0px #E8F3F3;
+        }
+        .right-top-2 {
+          width: 217px;
+          height: 225px;
+          box-shadow: 0px 5px 21px 0px #E8F3F3;
+        }
+      }
+      .e-right-bottom {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .right-bottom-1 {
+          width: 307px;
+          height: 204px;
+          margin-right: 11px;
+          box-shadow: 0px 5px 21px 0px #E8F3F3;
+        }
+        .right-bottom-2 {
+          width: 293px;
+          height: 204px;
+          box-shadow: 0px 5px 21px 0px #E8F3F3;
+        }
+      }
+    }
+    .circle {
+      position: absolute;
+      bottom: -100px;
+      left: -14px;
+    }
+  }
+}
+
+.active {
+  margin-top: 192px;
+  .active-content {
+    margin-top: 160px;
+  }
+  .list {
+    .active-item {
+      width: 373px;
+      font-size: 0;
+      margin: 0 40px 42px 0;
+      display: inline-block;
+      box-shadow: 0px 5px 21px 0px #E8F3F3;
+      transition: transform .3s ease-in-out;
+      &:nth-child(3n) {
+        margin-right: 0;
+      }
+      &:hover {
+        transform: translate3d(0,-8px,0);
+      }
+      img {
+        border-radius: 10px 10px 0px 0px;
+        object-fit: cover;
+        width: 100%;
+      }
+      .info {
+        background-color: #ffffff;
+        background-image: url('~assets/images/campus/active_bg_01.png'),
+                          url('~assets/images/campus/active_bg_02.png');
+        background-repeat: no-repeat no-repeat;
+        background-position: left 34px top 80px, left 210px top 54px;
+        border-radius: 0 0 10px 10px;
+        padding: 33px 36px 64px;
+        .title {
+          font-size: 20px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #1F241E;
+          line-height: 28px;
+        }
+        .desc {
+          margin-top: 10px;
+          font-size: 14px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #1F241E;
+        }
+      }
+    }
+  }
+}
+
+</style>

pages/campus/index.vue

@@ -0,0 +1,288 @@
+<template>
+  <div class="container">
+    <div class="header">
+      <span>中德全国校区</span>
+      <div class="form channel">
+        <div class="text control">加盟申请</div>
+        <div class="info control">
+          <img src="~assets/images/campus/phone.png" alt="">
+          <div class="phone">400-6807300</div>
+        </div>
+        <div class="control-input">
+          <input type="text" placeholder="姓名">
+        </div>
+        <div class="control-input">
+          <input type="text" placeholder="手机号">
+        </div>
+        <div class="control-input">
+          <input type="text" placeholder="邮箱地址">
+        </div>
+        <div class="control-input">
+          <input type="text" placeholder="加盟城市">
+        </div>
+        <div class="submit">提交申请</div>
+      </div>
+    </div>
+
+    <!-- 全国校区 -->
+    <div class="campus">
+      <div class="q-title title-zh">全国校区</div>
+      <div class="c-content w1200">
+        <div class="list-warp">
+          <ul class="list">
+            <li class="campus-item" v-for="(item, index) in campusList" :key="index">
+              <img :src="item.imgUrl" alt="">
+              <div class="info">
+                <div class="area">{{ item.area }}</div>
+                <div class="name">{{ item.name }}</div>
+                <div class="address">
+                  <div class="icon"><img src="~/assets/images/campus/icon_address.png" alt=""></div>
+                  <p>{{ item.address }}</p>
+                </div>
+                <div class="phone">
+                  <div class="icon"><img src="~/assets/images/campus/icon_phone.png" alt=""></div>
+                  <p>{{ item.phone }}</p>
+                </div>
+                <div class="detail">
+                  <!-- to="{name:'news-category',params:{category: indexFirstNewsList.articleCategoryId}} -->
+                  <nuxt-link :to="{ name: 'campus-type', params: { type: item.id } }">
+                    查看详情
+                  </nuxt-link>
+                </div>
+              </div>
+          </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      campusList: [
+        {
+          id: 1,
+          imgUrl: require('~/assets/images/campus/campus_img.jpg'),
+          address: '盈港东路8300弄佳乐苑社区商铺',
+          phone: '4007288000',
+          name: '襄阳校区',
+          area: '上海市·上海市市辖区·青浦区'
+        },
+        {
+          id: 2,
+          imgUrl: require('~/assets/images/campus/campus_img.jpg'),
+          address: '盈港东路8300弄佳乐苑社区商铺',
+          phone: '4007288000',
+          name: '武汉校区',
+          area: '上海市·上海市市辖区·青浦区'
+        },
+        {
+          id: 3,
+          imgUrl: require('~/assets/images/campus/campus_img.jpg'),
+          address: '盈港东路8300弄佳乐苑社区商铺',
+          phone: '4007288000',
+          name: '唐山校区',
+          area: '上海市·上海市市辖区·青浦区'
+        },
+        {
+          id: 4,
+          imgUrl: require('~/assets/images/campus/campus_img.jpg'),
+          address: '盈港东路8300弄佳乐苑社区商铺',
+          phone: '4007288000',
+          name: '莆田校区',
+          area: '上海市·上海市市辖区·青浦区'
+        }
+      ]
+    }
+  },
+  created() {
+
+  },
+  mounted() {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "~static/common/style.sass";
+
+.title-zh {
+  height: 81px;
+  line-height: 81px;
+  font-size: 58px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  color: #000000;
+  letter-spacing: 1px;
+  text-align: center;
+}
+
+.header {
+  position: relative;
+  background: url('~assets/images/campus/header.png') 100% 100% no-repeat;
+  height: 882px;
+  // padding: 446px 0 0 302px;
+  padding: 446px 0 0 15%;
+  span {
+    font-size: 80px;
+    font-family: PingFangSC-Semibold,PingFang SC;
+    font-weight: 600;
+    color:#ffffff;
+    line-height: 112px;
+  }
+  .form {
+    font-size: 16px;
+    position: absolute;
+    right: 13.8%;
+    // right: 266px;
+    bottom: 124px;
+    width: 327px;
+    height: 450px;
+    background:#FFFFFF;
+    border-radius: 3px;
+    padding: 34px 0 12px;
+    div.text {
+      font-size:14px;
+      line-height:20px;
+      font-family:PingFangSC-Regular,PingFang SC;
+      font-weight:400;
+      color: #5B5F5D;
+      margin-bottom: 7px;
+    }
+    div.info {
+      display: flex;
+      align-items: center;
+      margin-bottom: 20px;
+      .phone {
+        font-size: 26px;
+        font-family: PingFangSC-Medium,PingFang SC;
+        font-weight: 500;
+        margin-left: 15px;
+      }
+    }
+    .control {
+      width:250px;
+      margin: 0 auto;
+    }
+    .control-input {
+      margin: 0 auto;
+      width:250px;
+      border-radius: 3px;
+      border: 1px solid rgba(151,151,151,1);
+      margin-bottom: 23px;
+      input {
+        width: 100%;
+        height:44px;
+        line-height: 44px;
+        padding: 0 13px ;
+        background: none;
+        outline: none;  
+        border: 0px;
+        &::-webkit-input-placeholder {
+          color: #A4A6A5;
+        }
+      }
+    }
+    .submit {
+      margin: 0 auto;
+      text-align: center;
+      font-size:14px;
+      width: 148px;
+      height: 27px;
+      line-height: 27px;
+      background: linear-gradient(180deg,rgba(88,144,251,1) 0%,rgba(51,117,252,1) 100%);
+      box-shadow: 0px 7px 14px 0px rgba(136,176,254,0.79);
+      border-radius: 3px;
+      color: #ffffff;
+    }
+  }
+}
+
+.campus {
+  padding: 192px 0 206px;
+  .c-content {
+    margin-top: 130px;
+    ul {
+      li.campus-item {
+        display: inline-block;
+        width: 374px;
+        background:#FFFFFF;
+        box-shadow: 0px 9px 13px 0px rgba(123,166,252,0.13);
+        border-radius: 10px;
+        margin: 0 38px 42px 0;
+        transition: transform .3s ease-in-out;
+        &:nth-child(3n) {
+          margin-right: 0;
+        }
+        &:hover {
+          transform: translate3d(0,-8px,0);
+        }
+        img {
+          width: 100%;
+          border-radius: 18px 18px 0 0;
+        }
+        .info {
+          height: 175px;
+          color: #898A8C;
+          padding: 15px 20px 15px;
+          .icon {
+            margin-right: 8px;
+          }
+        }
+        .area {
+          font-size:14px;
+          font-family: PingFangSC-Regular,PingFang SC;
+          font-weight: 400;
+          color:#898A8C;
+          line-height: 20px;
+        }
+        .name {
+          font-size:22px;
+          font-family: PingFangSC-Medium,PingFang SC;
+          font-weight:500;
+          color:#1F241E;
+          line-height:30px;
+          margin-top: 5px;
+        }
+        .address {
+          display: flex;
+          align-items: center;
+          font-size: 12px;
+          font-family: PingFangSC-Regular,PingFang SC;
+          font-weight: 400;
+          line-height: 17px;
+          margin-top: 9px;
+        }
+        .phone {
+          display: flex;
+          align-items: center;
+          font-size: 12px;
+          font-family: PingFangSC-Regular,PingFang SC;
+          font-weight: 400;
+          line-height: 17px;
+          margin-top: 2px;
+        }
+        .detail {
+          width: 85px;
+          height: 26px;
+          line-height: 26px;
+          border-radius: 4px;
+          border: 1px solid #4B86FB;
+          font-size: 10px;
+          text-align: center;
+          color: #1B1616;
+          margin: 17px auto 0;
+        }
+      }
+    }
+  }
+}
+
+</style>

yarn.lock

@@ -1223,6 +1223,11 @@
     mustache "^2.3.0"
     stack-trace "0.0.10"
 
+"@testim/chrome-version@^1.0.7":
+  version "1.0.7"
+  resolved "https://registry.npm.taobao.org/@testim/chrome-version/download/@testim/chrome-version-1.0.7.tgz#0cd915785ec4190f08a3a6acc9b61fc38fb5f1a9"
+  integrity sha1-DNkVeF7EGQ8Io6asybYfw4+18ak=
+
 "@types/anymatch@*":
   version "1.3.1"
   resolved "https://registry.npm.taobao.org/@types/anymatch/download/@types/anymatch-1.3.1.tgz?cache=0&sync_timestamp=1596837910096&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fanymatch%2Fdownload%2F%40types%2Fanymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
@@ -1233,6 +1238,14 @@
   resolved "https://registry.npm.taobao.org/@types/color-name/download/@types/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
   integrity sha1-HBJhu+qhCoBVu8XYq4S3sq/IRqA=
 
+"@types/glob@^7.1.1":
+  version "7.1.3"
+  resolved "https://registry.npm.taobao.org/@types/glob/download/@types/glob-7.1.3.tgz#e6ba80f36b7daad2c685acd9266382e68985c183"
+  integrity sha1-5rqA82t9qtLGhazZJmOC5omFwYM=
+  dependencies:
+    "@types/minimatch" "*"
+    "@types/node" "*"
+
 "@types/html-minifier-terser@^5.0.0":
   version "5.1.0"
   resolved "https://registry.npm.taobao.org/@types/html-minifier-terser/download/@types/html-minifier-terser-5.1.0.tgz?cache=0&sync_timestamp=1596839192474&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fhtml-minifier-terser%2Fdownload%2F%40types%2Fhtml-minifier-terser-5.1.0.tgz#551a4589b6ee2cc9c1dff08056128aec29b94880"
@@ -1243,6 +1256,11 @@
   resolved "https://registry.npm.taobao.org/@types/json-schema/download/@types/json-schema-7.0.5.tgz#dcce4430e64b443ba8945f0290fb564ad5bac6dd"
   integrity sha1-3M5EMOZLRDuolF8CkPtWStW6xt0=
 
+"@types/minimatch@*":
+  version "3.0.3"
+  resolved "https://registry.npm.taobao.org/@types/minimatch/download/@types/minimatch-3.0.3.tgz?cache=0&sync_timestamp=1596839015387&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fminimatch%2Fdownload%2F%40types%2Fminimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
+  integrity sha1-PcoOPzOyAPx9ETnAzZbBJoyt/Z0=
+
 "@types/node@*":
   version "14.6.0"
   resolved "https://registry.npm.taobao.org/@types/node/download/@types/node-14.6.0.tgz?cache=0&sync_timestamp=1597673262779&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fnode%2Fdownload%2F%40types%2Fnode-14.6.0.tgz#7d4411bf5157339337d7cff864d9ff45f177b499"
@@ -1303,6 +1321,13 @@
     "@types/webpack-sources" "*"
     source-map "^0.6.0"
 
+"@types/yauzl@^2.9.1":
+  version "2.9.1"
+  resolved "https://registry.npm.taobao.org/@types/yauzl/download/@types/yauzl-2.9.1.tgz?cache=0&sync_timestamp=1596842653007&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fyauzl%2Fdownload%2F%40types%2Fyauzl-2.9.1.tgz#d10f69f9f522eef3cf98e30afb684a1e1ec923af"
+  integrity sha1-0Q9p+fUi7vPPmOMK+2hKHh7JI68=
+  dependencies:
+    "@types/node" "*"
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.0.0":
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.0.0.tgz#048fe579958da408fb7a8b2a3ec050b50a661040"
@@ -1571,6 +1596,13 @@ acorn@^7.1.1, acorn@^7.3.1:
   resolved "https://registry.npm.taobao.org/acorn/download/acorn-7.4.0.tgz?cache=0&sync_timestamp=1597235744175&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
   integrity sha1-4a1IbmxUUBY0xsOXxcEh2qODYHw=
 
+agent-base@6:
+  version "6.0.1"
+  resolved "https://registry.npm.taobao.org/agent-base/download/agent-base-6.0.1.tgz#808007e4e5867decb0ab6ab2f928fbdb5a596db4"
+  integrity sha1-gIAH5OWGfeywq2qy+Sj721pZbbQ=
+  dependencies:
+    debug "4"
+
 aggregate-error@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npm.taobao.org/aggregate-error/download/aggregate-error-3.0.1.tgz#db2fe7246e536f40d9b5442a39e117d7dd6a24e0"
@@ -2186,6 +2218,11 @@ browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.6.4, browserslist@^4.
     escalade "^3.0.2"
     node-releases "^1.1.60"
 
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.npm.taobao.org/buffer-crc32/download/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
+
 buffer-from@^1.0.0:
   version "1.1.1"
   resolved "https://registry.npm.taobao.org/buffer-from/download/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
@@ -2475,6 +2512,19 @@ chrome-trace-event@^1.0.2:
   dependencies:
     tslib "^1.9.0"
 
+chromedriver@^84.0.1:
+  version "84.0.1"
+  resolved "https://registry.npm.taobao.org/chromedriver/download/chromedriver-84.0.1.tgz#eaca7723f1a58c262a5c521b8596769af40b0d4f"
+  integrity sha1-6sp3I/GljCYqXFIbhZZ2mvQLDU8=
+  dependencies:
+    "@testim/chrome-version" "^1.0.7"
+    axios "^0.19.2"
+    del "^5.1.0"
+    extract-zip "^2.0.1"
+    https-proxy-agent "^5.0.0"
+    mkdirp "^1.0.4"
+    tcp-port-used "^1.0.1"
+
 ci-info@^1.6.0:
   version "1.6.0"
   resolved "https://registry.npm.taobao.org/ci-info/download/ci-info-1.6.0.tgz#2ca20dbb9ceb32d4524a683303313f0304b1e497"
@@ -3099,6 +3149,20 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
   dependencies:
     ms "2.0.0"
 
+debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
+  integrity sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=
+  dependencies:
+    ms "^2.1.1"
+
+debug@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-4.1.0.tgz#373687bffa678b38b1cd91f861b63850035ddc87"
+  integrity sha1-NzaHv/pnizixzZH4YbY4UANd3Ic=
+  dependencies:
+    ms "^2.1.1"
+
 debug@=3.1.0:
   version "3.1.0"
   resolved "https://registry.npm.taobao.org/debug/download/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
@@ -3113,13 +3177,6 @@ debug@^3.1.0:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
-  integrity sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=
-  dependencies:
-    ms "^2.1.1"
-
 decamelize@^1.1.2, decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npm.taobao.org/decamelize/download/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -3184,6 +3241,20 @@ defu@^2.0.4:
   resolved "https://registry.npm.taobao.org/defu/download/defu-2.0.4.tgz#09659a6e87a8fd7178be13bd43e9357ebf6d1c46"
   integrity sha1-CWWaboeo/XF4vhO9Q+k1fr9tHEY=
 
+del@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npm.taobao.org/del/download/del-5.1.0.tgz?cache=0&sync_timestamp=1594334968707&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdel%2Fdownload%2Fdel-5.1.0.tgz#d9487c94e367410e6eff2925ee58c0c84a75b3a7"
+  integrity sha1-2Uh8lONnQQ5u/ykl7ljAyEp1s6c=
+  dependencies:
+    globby "^10.0.1"
+    graceful-fs "^4.2.2"
+    is-glob "^4.0.1"
+    is-path-cwd "^2.2.0"
+    is-path-inside "^3.0.1"
+    p-map "^3.0.0"
+    rimraf "^3.0.0"
+    slash "^3.0.0"
+
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
@@ -3821,6 +3892,17 @@ extract-css-chunks-webpack-plugin@^4.7.5:
     webpack-external-import "^2.2.4"
     webpack-sources "^1.1.0"
 
+extract-zip@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/extract-zip/download/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
+  integrity sha1-Zj3KVv5G34kNXxMe9KBtIruLoTo=
+  dependencies:
+    debug "^4.1.1"
+    get-stream "^5.1.0"
+    yauzl "^2.10.0"
+  optionalDependencies:
+    "@types/yauzl" "^2.9.1"
+
 extsprintf@1.3.0:
   version "1.3.0"
   resolved "https://registry.npm.taobao.org/extsprintf/download/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
@@ -3836,7 +3918,7 @@ fast-deep-equal@^3.1.1:
   resolved "https://registry.npm.taobao.org/fast-deep-equal/download/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha1-On1WtVnWy8PrUSMlJE5hmmXGxSU=
 
-fast-glob@^3.1.1:
+fast-glob@^3.0.3, fast-glob@^3.1.1:
   version "3.2.4"
   resolved "https://registry.npm.taobao.org/fast-glob/download/fast-glob-3.2.4.tgz?cache=0&sync_timestamp=1592290280465&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffast-glob%2Fdownload%2Ffast-glob-3.2.4.tgz#d20aefbf99579383e7f3cc66529158c9b98554d3"
   integrity sha1-0grvv5lXk4Pn88xmUpFYybmFVNM=
@@ -3865,6 +3947,13 @@ fastq@^1.6.0:
   dependencies:
     reusify "^1.0.4"
 
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/fd-slicer/download/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+  integrity sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=
+  dependencies:
+    pend "~1.2.0"
+
 figgy-pudding@^3.5.1:
   version "3.5.2"
   resolved "https://registry.npm.taobao.org/figgy-pudding/download/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
@@ -4186,7 +4275,7 @@ get-stdin@^4.0.1:
   resolved "https://registry.npm.taobao.org/get-stdin/download/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
   integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=
 
-get-stream@^5.0.0:
+get-stream@^5.0.0, get-stream@^5.1.0:
   version "5.2.0"
   resolved "https://registry.npm.taobao.org/get-stream/download/get-stream-5.2.0.tgz?cache=0&sync_timestamp=1597056535605&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fget-stream%2Fdownload%2Fget-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
   integrity sha1-SWaheV7lrOZecGxLe+txJX1uItM=
@@ -4264,6 +4353,20 @@ globals@^12.1.0:
   dependencies:
     type-fest "^0.8.1"
 
+globby@^10.0.1:
+  version "10.0.2"
+  resolved "https://registry.npm.taobao.org/globby/download/globby-10.0.2.tgz#277593e745acaa4646c3ab411289ec47a0392543"
+  integrity sha1-J3WT50WsqkZGw6tBEonsR6A5JUM=
+  dependencies:
+    "@types/glob" "^7.1.1"
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.0.3"
+    glob "^7.1.3"
+    ignore "^5.1.1"
+    merge2 "^1.2.3"
+    slash "^3.0.0"
+
 globby@^11.0.1:
   version "11.0.1"
   resolved "https://registry.npm.taobao.org/globby/download/globby-11.0.1.tgz#9a2bf107a068f3ffeabc49ad702c79ede8cfd357"
@@ -4575,6 +4678,14 @@ https-browserify@^1.0.0:
   resolved "https://registry.npm.taobao.org/https-browserify/download/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
   integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
 
+https-proxy-agent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/https-proxy-agent/download/https-proxy-agent-5.0.0.tgz#e2a90542abb68a762e0a0850f6c9edadfd8506b2"
+  integrity sha1-4qkFQqu2inYuCghQ9sntrf2FBrI=
+  dependencies:
+    agent-base "6"
+    debug "4"
+
 human-signals@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npm.taobao.org/human-signals/download/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
@@ -4609,7 +4720,7 @@ ignore@^4.0.6:
   resolved "https://registry.npm.taobao.org/ignore/download/ignore-4.0.6.tgz?cache=0&sync_timestamp=1590809380232&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fignore%2Fdownload%2Fignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha1-dQ49tYYgh7RzfrrIIH/9HvJ7Jfw=
 
-ignore@^5.1.4, ignore@^5.1.8:
+ignore@^5.1.1, ignore@^5.1.4, ignore@^5.1.8:
   version "5.1.8"
   resolved "https://registry.npm.taobao.org/ignore/download/ignore-5.1.8.tgz?cache=0&sync_timestamp=1590809380232&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fignore%2Fdownload%2Fignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
   integrity sha1-8VCotQo0KJsz4i9YiavU2AFvDlc=
@@ -4730,6 +4841,11 @@ invariant@^2.2.2, invariant@^2.2.4:
   dependencies:
     loose-envify "^1.0.0"
 
+ip-regex@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/ip-regex/download/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
+  integrity sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=
+
 ip@^1.1.5:
   version "1.1.5"
   resolved "https://registry.npm.taobao.org/ip/download/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
@@ -4949,6 +5065,16 @@ is-obj@^2.0.0:
   resolved "https://registry.npm.taobao.org/is-obj/download/is-obj-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-obj%2Fdownload%2Fis-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
   integrity sha1-Rz+wXZc3BeP9liBUUBjKjiLvSYI=
 
+is-path-cwd@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npm.taobao.org/is-path-cwd/download/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
+  integrity sha1-Z9Q7gmZKe1GR/ZEZEn6zAASKn9s=
+
+is-path-inside@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/is-path-inside/download/is-path-inside-3.0.2.tgz#f5220fc82a3e233757291dddc9c5877f2a1f3017"
+  integrity sha1-9SIPyCo+IzdXKR3dycWHfyofMBc=
+
 is-plain-obj@^1.0.0:
   version "1.1.0"
   resolved "https://registry.npm.taobao.org/is-plain-obj/download/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
@@ -5019,6 +5145,11 @@ is-typedarray@~1.0.0:
   resolved "https://registry.npm.taobao.org/is-typedarray/download/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
+is-url@^1.2.2:
+  version "1.2.4"
+  resolved "https://registry.npm.taobao.org/is-url/download/is-url-1.2.4.tgz?cache=0&sync_timestamp=1593531508014&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-url%2Fdownload%2Fis-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
+  integrity sha1-BKTfRtKMTP89c9Af8Gq+sxihqlI=
+
 is-utf8@^0.2.0:
   version "0.2.1"
   resolved "https://registry.npm.taobao.org/is-utf8/download/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
@@ -5034,6 +5165,15 @@ is-wsl@^1.1.0:
   resolved "https://registry.npm.taobao.org/is-wsl/download/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
+is2@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/is2/download/is2-2.0.1.tgz#8ac355644840921ce435d94f05d3a94634d3481a"
+  integrity sha1-isNVZEhAkhzkNdlPBdOpRjTTSBo=
+  dependencies:
+    deep-is "^0.1.3"
+    ip-regex "^2.1.0"
+    is-url "^1.2.2"
+
 isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/isarray/download/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -5531,7 +5671,7 @@ merge-stream@^2.0.0:
   resolved "https://registry.npm.taobao.org/merge-stream/download/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha1-UoI2KaFN0AyXcPtq1H3GMQ8sH2A=
 
-merge2@^1.3.0:
+merge2@^1.2.3, merge2@^1.3.0:
   version "1.4.1"
   resolved "https://registry.npm.taobao.org/merge2/download/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha1-Q2iJL4hekHRVpv19xVwMnUBJkK4=
@@ -5689,6 +5829,11 @@ mixin-deep@^1.2.0:
   dependencies:
     minimist "^1.2.5"
 
+mkdirp@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha1-PrXtYmInVteaXw4qIh3+utdcL34=
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -6389,6 +6534,11 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/pend/download/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+  integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
+
 performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/performance-now/download/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
@@ -7603,6 +7753,13 @@ rimraf@2.6.3:
   dependencies:
     glob "^7.1.3"
 
+rimraf@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/rimraf/download/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha1-8aVAK6YiCtUswSgrrBrjqkn9Bho=
+  dependencies:
+    glob "^7.1.3"
+
 ripemd160@^2.0.0, ripemd160@^2.0.1:
   version "2.0.2"
   resolved "https://registry.npm.taobao.org/ripemd160/download/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
@@ -8352,6 +8509,14 @@ tar@^2.0.0:
     fstream "^1.0.12"
     inherits "2"
 
+tcp-port-used@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/tcp-port-used/download/tcp-port-used-1.0.1.tgz#46061078e2d38c73979a2c2c12b5a674e6689d70"
+  integrity sha1-RgYQeOLTjHOXmiwsErWmdOZonXA=
+  dependencies:
+    debug "4.1.0"
+    is2 "2.0.1"
+
 term-size@^2.1.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/term-size/download/term-size-2.2.0.tgz#1f16adedfe9bdc18800e1776821734086fcc6753"
@@ -8852,6 +9017,11 @@ vue-client-only@^2.0.0:
   resolved "https://registry.npm.taobao.org/vue-client-only/download/vue-client-only-2.0.0.tgz#ddad8d675ee02c761a14229f0e440e219de1da1c"
   integrity sha1-3a2NZ17gLHYaFCKfDkQOIZ3h2hw=
 
+vue-count-to@^1.0.13:
+  version "1.0.13"
+  resolved "https://registry.npm.taobao.org/vue-count-to/download/vue-count-to-1.0.13.tgz#3e7573ea6e64c2b2972f64e0a2ab2e23c7590ff3"
+  integrity sha1-PnVz6m5kwrKXL2TgoqsuI8dZD/M=
+
 vue-eslint-parser@^7.0.0:
   version "7.1.0"
   resolved "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-7.1.0.tgz#9cdbcc823e656b087507a1911732b867ac101e83"
@@ -9259,3 +9429,11 @@ yargs@^13.3.2:
     which-module "^2.0.0"
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
+
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.npm.taobao.org/yauzl/download/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+  integrity sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"