'ui修改'

components/products/prodList.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="product-list">
     <div
-      class="product-list-item  wow animate__animated animate__bounceIn"
+      class="product-list-item"
       v-for="(item, index) in productList"
       :key="index"
     >

pages/about/brand.vue

@@ -6,7 +6,7 @@
     </div>
     <div class="company-intro">
       <section
-        class="company-intro-label wow animate__animated animate__rubberBand animate__delay-0.5s"
+        class="company-intro-label"
       >公司简介</section>
       <div class="company-intro-text">
         全球顶级儿童逻辑思维教育专家以国际教育理念为指导，推动中国学前教育事业发展填补了中国学前儿童思维教育领域空白率先领导和实践幼儿园思维游戏化教学，
@@ -17,7 +17,7 @@
     </div>
     <!-- 大事记 -->
     <div class="event">
-      <div class="label wow animate__animated animate__fadeInDown animate__delay-1s">
+      <div class="label wow animate__animated animate__fadeInDown">
         <div class="label-en">EVENTS</div>
         <div class="label-zn">大事记</div>
       </div>
@@ -30,7 +30,7 @@
         <div
           :style="{top: 139 + 240 * item.site.y + 'px'  , 
                             left: 121 + 261 * item.site.x + 'px'}"
-          :class="['event-box-item wow animate__animated', 'animate__rubberBand' ]"
+          :class="['event-box-item']"
           v-for="item in eventData"
           :key="item.id"
         >
@@ -52,13 +52,13 @@
     </div>
     <!-- 核心团队 -->
     <div class="kernel">
-      <div class="label wow animate__animated animate__fadeInDown animate__delay-1s">
+      <div class="label wow animate__animated animate__fadeInDown">
         <div class="label-en">KERNEL</div>
         <div class="label-zn">核心团队</div>
       </div>
       <div class="kernel-box w1200">
         <div
-          :class="['kernel-box-item wow animate__animated' , (item.id + 1) % 3 === 0 ? 'animate__lightSpeedInLeft' : item.id % 3 === 0 ? 'animate__lightSpeedInRight' : '' ]"
+          :class="['kernel-box-item']"
           v-for="item in  kernelData"
           :key="item.id"
         >
@@ -89,22 +89,13 @@
     </div>
     <!-- 文化 -->
     <div class="cultrue">
-      <div class="label wow animate__animated animate__fadeInDown animate__delay-1s">
+      <div class="label wow animate__animated animate__fadeInDown">
         <div class="label-en">CULTURE OF PRACTIVE</div>
         <div class="label-zn">我们努力践行的文化</div>
       </div>
       <div class="cultrue-box">
         <div class="cultrue-box-item" v-for="item in cultrueData" :key="item.id">
-          <img
-            :src="item.imgUrl"
-            :class="['wow animate__animated', 
-                        item.id === 0 ? 'animate__lightSpeedInRight animate__delay-1s' : 
-                        item.id === 3 ? 'animate__lightSpeedInLeft animate__delay-2s' :
-                        item.id === 1 ? 'animate__lightSpeedInRight animate__delay-3s':
-                        item.id === 2 ? 'animate__lightSpeedInLeft animate__delay-4s' : ''
-                        ]"
-            alt=""
-          >
+          <img :src="item.imgUrl" :class="['wow animate__animated']" alt="" />
           <div class="cultrue-box-item-label">{{ item.label }}</div>
           <div class="cultrue-box-item-text" v-html="item.text"></div>
         </div>
@@ -124,7 +115,7 @@
       </div>
       <div class="idea-box">
         <div
-          class="idea-box-item wow animate__animated animate__swing"
+          class="idea-box-item"
           v-for="item in ideaData"
           :key="item.id"
         >

pages/about/contact.vue

@@ -12,7 +12,7 @@
           </div>
           <div class="q-content">
             <div class="q-content-wrap w1200">
-              <div class="q-content-desc wow animate__animated animate__fadeInRight">
+              <div class="q-content-desc">
                 <p>全球多个国家</p>
                 <p>众多教学机构</p>
                 <p>都在使用的新一代教育方案</p>
@@ -31,13 +31,13 @@
             <div class="title-en">THINKING</div>
             针对儿童思维开发
           </div> 
-          <p class="title-sub animate__animated wow animate__fadeInLeft">以孩子为核心</p>
+          <p class="title-sub">以孩子为核心</p>
         </div>
         <div class="thinking-content-box">
-          <div class="content-left wow animate__animated animate__fadeInLeft">
+          <div class="content-left">
             <img src="~/assets/images/about/thinking_img.png" alt="" srcset="">
           </div>
-          <div class="content-right wow animate__animated animate__fadeInRight">
+          <div class="content-right">
             <div class="content-right-top">
               <div class="img-item">
                 <img src="~/assets/images/about/thinking_arrow_01.png" alt="" srcset="">
@@ -73,14 +73,14 @@
             <div class="title-en">LEARNING INTEREST</div>
             逻辑狗激发学习兴趣
           </div> 
-          <p class="title-sub animate__animated wow animate__fadeInLeft">逻辑狗提供的智力游戏，于孩子的生活实际，让孩子在熟悉的知识环境中，锻炼自己的思维，丰富自己的知识，这对孩子的健康成长也是很有帮助的。</p>
+          <p class="title-sub">逻辑狗提供的智力游戏，于孩子的生活实际，让孩子在熟悉的知识环境中，锻炼自己的思维，丰富自己的知识，这对孩子的健康成长也是很有帮助的。</p>
         </div>
         <div class="interest-content-box">
-          <div class="interest-item wow animate__animated animate__bounce">
+          <div class="interest-item">
             <img src="~/assets/images/about/interest_01.png" alt="" srcset="">
             <div class="line"></div>
           </div>
-          <div class="interest-item wow animate__animated animate__bounce">
+          <div class="interest-item">
             <img src="~/assets/images/about/interest_02.png" alt="" srcset="">
             <div class="line"></div>
           </div>
@@ -98,7 +98,7 @@
           </div> 
         </div>
         <div class="award-content-box">
-          <div class="img animate__animated wow animate__fadeInDown">
+          <div class="img">
             <img src="~/assets/images/about/award_img.png" alt="">
           </div>
         </div>
@@ -115,7 +115,7 @@
           </div> 
         </div>
         <div class="campus-content-box">
-          <div class="campus-item wow animate__animated animate__swing" v-for="(item, index) in campusList" :key="index">
+          <div class="campus-item" v-for="(item, index) in campusList" :key="index">
             <div class="img">
               <img :src="item.imgUrl" alt="" srcset="">
             </div>

pages/about/team.vue

@@ -10,7 +10,7 @@
         </div>
       </div>
       <div class="e-content">
-      <div :class="['expert-item wow animate__animated', index % 3 === 0 ? 'animate__lightSpeedInLeft' : (index + 1) % 3 === 0 ? 'animate__lightSpeedInRight' : '' ]" v-for="(item, index) in expertList" :key="index">
+      <div :class="['expert-item']" v-for="(item, index) in expertList" :key="index">
           <img :src="item.imgUrl" alt="">
           <div class="line"></div>
           <div class="mask">

pages/campus/index.vue

@@ -62,7 +62,7 @@
       <div class="c-content w1200">
         <div class="list-warp">
           <ul class="list">
-            <li class="campus-item wow animate__animated animate__bounceIn" v-for="(item, index) in campusList" :key="index">
+            <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>

pages/cooperate/index.vue

@@ -79,12 +79,12 @@
     </div>
     <!-- 优势 -->
     <div class="advantage">
-      <div class="label wow animate__animated animate__zoomInDown">逻辑狗·探索小镇的五大优势</div>
+      <div class="label">逻辑狗·探索小镇的五大优势</div>
       <div class="advantage-show">
         <div
-          :class="['advantage-item wow animate__animated', index < 2 ? 'animate__rotateInDownLeft' : index > 2 ? ' animate__rotateInDownRight' : '']"
+          :class="['advantage-item wow animate__animated']"
           v-for="(imgurl, index ) in advantageImg"
-          :key="imgurl"
+          :key="index"
         >
           <img :src="imgurl" alt="">
         </div>
@@ -104,7 +104,7 @@
       </div>
       <div class="exprience-box">
         <div
-          :class="['exprience-item wow animate__animated', item.id % 2 == 0 ? 'animate__lightSpeedInLeft' : 'animate__lightSpeedInRight']"
+          :class="['exprience-item wow']"
           :style="{'margin-top': item.id % 2 === 0 ? '49px' : ''}"
           v-for="item in exprienceImg"
           :key="item.id"

pages/index.vue

@@ -20,10 +20,10 @@
                 <div class="con-box">
                   <div class="con">
                     <div class="num">
-                      <countTo :startVal='0' :endVal='420' :duration='3000'></countTo>
+                      <countTo :startVal='0' :endVal='420' :duration='5000'></countTo>
                       <span class="unit">个</span>
                     </div>
-                    <p class="color-gray wow animate__animated animate__fadeInLeft">学员覆盖城市地区</p>
+                    <p class="color-gray">学员覆盖城市地区</p>
                   </div>
                   <div class="hover-box">
                     <div class="icon">
@@ -38,10 +38,10 @@
                 <div class="con-box">
                   <div class="con">
                     <div class="num">
-                      <countTo :startVal='79000' :endVal='800000' :duration='3000'></countTo>
+                      <countTo :startVal='795000' :endVal='800000' :duration='5000'></countTo>
                       <span class="unit">+</span>
                     </div>
-                    <p class="color-gray wow animate__animated animate__fadeInDown">累计服务学员</p>
+                    <p class="color-gray">累计服务学员</p>
                   </div>
                   <div class="hover-box">
                     <div class="icon">
@@ -56,10 +56,10 @@
                 <div class="con-box">
                   <div class="con">
                     <div class="font52 num">
-                      <countTo :startVal='0' :endVal='98.6' :decimals='1' :duration='3000'></countTo>
+                      <countTo :startVal='0' :endVal='98.6' :decimals='1' :duration='5000'></countTo>
                       <span class="unit">%</span>
                     </div>
-                    <p class="color-gray wow animate__animated animate__fadeInRight">评价好评率</p>
+                    <p class="color-gray">评价好评率</p>
                   </div>
                   <div class="hover-box">
                     <div class="icon">
@@ -91,11 +91,11 @@
             <span class="dot"></span>
             <p>中德智慧创始人</p>
           </div> -->
-          <p class="title founder-item wow animate__animated animate__fadeInLeft">培养优质思维模式，建构思维“芯”</p>
+          <p class="title founder-item wow animate__animated animate__fadeInDown">培养优质思维模式，建构思维“芯”</p>
           <p
-            class="desc founder-item wow animate__animated animate__fadeInDown"
+            class="desc founder-item wow animate__animated animate__fadeInUp"
           >全球优质儿童逻辑思维教育专家以国际教育理念为指导，推动中国学前教育事业发展成为中国学前儿童思维教育领域奠基者和创领者之- -率先领导和实践幼儿园思维游戏化教学，用全球同频使用的优质思维教育内容，为0-12岁儿童培养优质思维模式，建构思维“芯”。是国际化科技教育内容的创始者，以“让中国孩子幸福成长”为使命，始终以‘走出去、请进来”、“洋为中用”的全球化视野，融合中西文化，全力打造具有成长型思维模式的未来人才</p>
-          <div class="btn founder-item wow animate__animated animate__fadeInDown">
+          <div class="btn founder-item wow animate__animated animate__zoomIn">
             <nuxt-link to="/about/brand">了解中德智慧</nuxt-link>
           </div>
         </div>
@@ -143,7 +143,7 @@
 
             <!-- <div class="cate-list thinking-cate-list">
               <div
-                class="thinking-product-item wow animate__animated animate__lightSpeedInLeft"
+                class="thinking-product-item"
                 v-for="(item, index) in productList"
                 :key="index"
                 @click="clickProduct(item)"
@@ -234,7 +234,7 @@
             </div>
             <div class="cate-list course-cate-list">
               <div
-                class="product-item course-product-item wow animate__animated animate__lightSpeedInRight"
+                class="product-item course-product-item"
                 v-for="(item, index) in courseList"
                 :key="index"
               >
@@ -288,7 +288,7 @@
       </div>
       <div class="scenes-content-box">
         <ul class="panorama-education-list">
-          <li class="mobile-education mobile-education-1 wow animate__animated animate__jackInTheBox" @mouseenter="mobileEnter">
+          <li class="mobile-education mobile-education-1" @mouseenter="mobileEnter">
             <div class="small-education-div">
               <div class="mobile-small-img">
                 <img src="~/assets/images/index/teach_01_icon_nor.png" alt="" srcset="">
@@ -318,7 +318,7 @@
               </div>
             </div>
           </li>
-          <li class="mobile-education mobile-education-2 wow animate__animated animate__jackInTheBox" @mouseenter="mobileEnter">
+          <li class="mobile-education mobile-education-2" @mouseenter="mobileEnter">
             <div class="small-education-div">
               <div class="mobile-small-img">
                 <img src="~/assets/images/index/teach_02_icon_nor.png" alt="" srcset="">
@@ -348,7 +348,7 @@
               </div>
             </div>
           </li>
-          <li class="mobile-education mobile-education-3 wow animate__animated animate__jackInTheBox" @mouseenter="mobileEnter">
+          <li class="mobile-education mobile-education-3" @mouseenter="mobileEnter">
             <div class="small-education-div">
               <div class="mobile-small-img">
                 <img src="~/assets/images/index/teach_03_icon_nor.png" alt="" srcset="">
@@ -378,7 +378,7 @@
               </div>
             </div>
           </li>
-          <li class="mobile-education mobile-education-4 wow animate__animated animate__jackInTheBox" @mouseenter="mobileEnter">
+          <li class="mobile-education mobile-education-4" @mouseenter="mobileEnter">
             <div class="small-education-div">
               <div class="mobile-small-img">
                 <img src="~/assets/images/index/teach_04_icon_nor.png" alt="" srcset="">
@@ -409,7 +409,7 @@
               </div>
             </div>
           </li>
-          <li class="mobile-education mobile-education-5 wow animate__animated animate__jackInTheBox" @mouseenter="mobileEnter">
+          <li class="mobile-education mobile-education-5" @mouseenter="mobileEnter">
             <div class="small-education-div">
               <div class="mobile-small-img">
                 <img src="~/assets/images/index/teach_05_icon_nor.png" alt="" srcset="">
@@ -451,16 +451,16 @@
             <div class="title-en">SMALL TOWN</div>
             逻辑狗探索小镇
           </div>
-          <p class="title-sub animate__animated wow animate__fadeInLeft">专注3.4-12岁儿童优质思维能力养成的场景式，游戏化体验中心</p>
+          <p class="title-sub">专注3.4-12岁儿童优质思维能力养成的场景式，游戏化体验中心</p>
         </div>
         <div class="town-content-box">
           <div class="town-btn-group">
-            <div class="town-btn-about animate__animated wow animate__fadeInLeft">
+            <div class="town-btn-about">
               <nuxt-link to="/about/brand">
                 了解我们
               </nuxt-link>
             </div>
-            <div class="town-btn-join animate__animated wow animate__fadeInRight">
+            <div class="town-btn-join">
               <nuxt-link to="/cooperate">
                 加入我们
               </nuxt-link>
@@ -469,43 +469,43 @@
           <div class="town-content-skill">
             <div class="town-content-img">
               <img src="~/assets/images/index/town_img.png" alt="" srcset="">
-              <div class="skill-item skill-item-01 wow animate__animated animate__lightSpeedInLeft">
+              <div class="skill-item skill-item-01">
                 <img src="~/assets/images/index/icon_town_01.png" alt="" srcset="">
                 <p>知识迁移</p>
               </div>
-              <div class="skill-item skill-item-02 wow animate__animated animate__lightSpeedInRight">
+              <div class="skill-item skill-item-02">
                 <img src="~/assets/images/index/icon_town_02.png" alt="" srcset="">
                 <p class="big-font">观察能力</p>
               </div>
-              <div class="skill-item skill-item-03 wow animate__animated animate__lightSpeedInLeft">
+              <div class="skill-item skill-item-03">
                 <img src="~/assets/images/index/icon_town_03.png" alt="" srcset="">
                 <p>手眼协调</p>
               </div>
-              <div class="skill-item skill-item-04 wow animate__animated animate__lightSpeedInRight">
+              <div class="skill-item skill-item-04">
                 <img src="~/assets/images/index/icon_town_04.png" alt="" srcset="">
                 <p class="big-font">语言能力</p>
               </div>
-              <div class="skill-item skill-item-05 wow animate__animated animate__lightSpeedInLeft">
+              <div class="skill-item skill-item-05">
                 <img src="~/assets/images/index/icon_town_05.png" alt="" srcset="">
                 <p class="big-font">想象能力</p>
               </div>
-              <div class="skill-item skill-item-06 wow animate__animated animate__lightSpeedInRight">
+              <div class="skill-item skill-item-06">
                 <img src="~/assets/images/index/icon_town_06.png" alt="" srcset="">
                 <p>分类能力</p>
               </div>
-              <div class="skill-item skill-item-07 wow animate__animated animate__lightSpeedInLeft">
+              <div class="skill-item skill-item-07">
                 <img src="~/assets/images/index/icon_town_07.png" alt="" srcset="">
                 <p>推理能力</p>
               </div>
-              <div class="skill-item skill-item-08 wow animate__animated animate__lightSpeedInRight">
+              <div class="skill-item skill-item-08">
                 <img src="~/assets/images/index/icon_town_08.png" alt="" srcset="">
                 <p class="big-font">空间能力</p>
               </div>
-              <div class="skill-item skill-item-09 wow animate__animated animate__lightSpeedInLeft">
+              <div class="skill-item skill-item-09">
                 <img src="~/assets/images/index/icon_town_09.png" alt="" srcset="">
                 <p class="big-font">专注能力</p>
               </div>
-              <div class="skill-item skill-item-10 wow animate__animated animate__lightSpeedInRight">
+              <div class="skill-item skill-item-10">
                 <img src="~/assets/images/index/icon_town_10.png" alt="" srcset="">
                 <p>数学能力</p>
               </div>
@@ -538,20 +538,8 @@
                 ref="swiperExpertBox"
               >
                 <div class="swiper-wrapper">
-                  <div class="swiper-slide">
-                    <img
-                      src="https://static-www.putaocdn.com/pc/static/img/img_jiaoyu_mokuai3_yanfa2@2x.v202007141810.png"
-                    >
-                  </div>
-                  <div class="swiper-slide">
-                    <img
-                      src="https://static-www.putaocdn.com/pc/static/img/img_jiaoyu_mokuai3_yanfa3@2x.v202007141810.png"
-                    >
-                  </div>
-                  <div class="swiper-slide">
-                    <img
-                      src="https://static-www.putaocdn.com/pc/static/img/img_jiaoyu_mokuai3_yanfa1@2x.v202007141810.png"
-                    >
+                  <div class="swiper-slide" v-for="(item, index) in expertList" :key="index">
+                    <img :src="item.imgUrl" />
                   </div>
                 </div>
               </div>
@@ -674,6 +662,7 @@
 </template>
 
 <script>
+
 if (process.browser) { 
   var { WOW } = require('wowjs')
 }
@@ -1243,6 +1232,20 @@ export default {
           ],
         },
       },
+      expertList: [
+        {
+          imgUrl: require('~/assets/images/index/expert_card_01.png'),
+          title: '中德智慧',
+        },
+        {
+          imgUrl: require('~/assets/images/index/expert_card_01.png'),
+          title: '中德智慧',
+        },
+        {
+          imgUrl: require('~/assets/images/index/expert_card_02.png'),
+          title: '中德智慧',
+        }
+      ],
       swiperOption: {
         // 配置说明直接看官网
         slidesPerView: "auto",
@@ -1741,6 +1744,10 @@ ul.cate-nav {
         padding: 55px 0;
         .hover-box {
           visibility: hidden;
+          img {
+            width: 146px;
+            height: 146px;
+          }
         }
         &:hover {
           .hover-box {