Ver código fonte

文案修改、图片更新

zhubo 4 anos atrás
pai
commit
bf4ad78321

BIN
assets/images/brand/field_05.png


BIN
assets/images/home/omo_content_03.png


BIN
assets/images/products/xcx_img_first.png


+ 216 - 215
components/products/xcx.vue

@@ -1,215 +1,216 @@
-<template>
-  <section class="XcxPage-container">
-    <slot></slot>
-    <slot name="label"></slot>
-    <div class="xcx-content">
-      <div class="content-first">
-        <div class="content-first-info w1200">
-          <div class="left">
-            <img
-              src="~/assets/images/products/xcx_img_first.png"
-              alt="">
-          </div>
-          <div class="right">
-            <h4>轻松找到课堂入口 创造优质 学习体验</h4>
-            <div class="desc">微信首页任务栏等60+小程序入口,让10亿用户 轻松发现你</div>
-          </div>
-        </div>
-      </div>
-      <div class="content-seconed">
-        <div class="content-seconed-info w1200">
-          <div class="left">
-            <h4>轻松找到课堂入口 创造优质 学习体验</h4>
-            <div class="desc">微信首页任务栏小程序入口,让用户轻松发现你</div>
-          </div>
-          <div class="right">
-            <img
-              src="~/assets/images/products/xcx_img_second.png"
-              alt=""
-            >
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="content">
-      <div class="content-first">
-        <div class="content-first-info w1200">
-          <div class="left">
-            <h4>轻松找到课堂入口 创造优质学习体验</h4>
-            <div class="desc">微信首页任务栏等60+小程序入口,让10亿用户轻松发现你</div>
-          </div>
-          <div class="right">
-            <img src="~/assets/images/products/h5_img_first.png" alt="">
-          </div>
-        </div>
-      </div>
-      <div class="content-seconed">
-        <div class="content-seconed-info w1200">
-          <div class="left">
-            <img src="~/assets/images/products/h5_img_second.png" alt="">
-          </div>
-          <div class="right">
-            <h4>一键转发,让课堂在微信中自由传播</h4>
-            <div class="desc">课堂可分享至微信朋友圈、微信社群等等位置,便于用户分享好物,闲余赚取佣金</div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-</template>
-
-<script>
-export default {
-  name: "XcxPage",
-  data() {
-    return {
-      
-    };
-  },
-  components: {
-  },
-  mounted() {},
-};
-</script>
-<style scoped lang="scss">
-.XcxPage-container {
-  .banner-img {
-    position: relative;
-    img {
-      width: 100%;
-      height: 595px;
-    }
-    .label {
-      font-family: PingFangSC-Semibold, sans-serif;
-      font-weight: 600;
-      color: #ffffff;
-      font-size: 80px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-
-  .xcx-content {
-    width: 100%;
-     h4 {
-      font-size: 26px;
-      font-family: PingFangSC-Medium, sans-serif;
-      font-weight: 500;
-      color: #333333;
-      line-height: 37px;
-    }
-    .desc {
-      margin-top: 44px;
-      font-size: 14px;
-      font-family: PingFangSC-Regular, sans-serif;
-      font-weight: 400;
-      color: #666666;
-      line-height: 28px;
-    }
-    .content-first {
-      padding: 50px 0 50px 0;
-      color: #262626;
-      background: #F8FBFF;
-      .content-first-info {
-        display: flex;
-        justify-content: space-between;
-      }
-      .left {
-        img {
-          width: 666px;
-          height: 642px;
-        }
-      }
-      .right {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-      }
-    }
-    .content-seconed {
-      padding: 50px 0 50px 0;
-      color: #262626;
-      .content-seconed-info {
-        display: flex;
-        justify-content: space-between;
-        .left {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-         
-        }
-        .right {
-          img {
-            width: 666px;
-            height: 642px;
-          }
-        }
-      }
-    }
-  }
-  .content {
-    width: 100%;
-    height: 1792px;
-    h4 {
-    // font-size: 30px;
-    font-size: 26px;
-    font-family: PingFangSC-Medium, sans-serif;
-    font-weight: 500;
-    color: #333333;
-    line-height: 37px;
-  }
-  .desc {
-    margin-top: 54px;
-    font-size: 14px;
-    font-family: PingFangSC-Regular, sans-serif;
-    font-weight: 400;
-    color: #666666;
-    line-height: 28px;
-  }
-    .content-first {
-      padding: 136px 0 118px 0;
-      color: #262626;
-      background-color: #f7fbff;
-      .content-first-info {
-        display: flex;
-        justify-content: space-between;
-      }
-      .right {
-        img {
-          width: 666px;
-          height: 642px;
-          vertical-align: middle;
-        }
-      }
-      .left {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-
-      }
-    }
-    .content-seconed {
-      .content-seconed-info {
-        display: flex;
-        justify-content: space-between;
-      }
-      padding: 99px 0 201px 0;
-      color: #262626;
-      .right {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-      }
-      .left {
-        img {
-          width: 666px;
-          height: 642px;
-          vertical-align: middle;
-        }
-      }
-    }
-  }
-}
-</style>
+<template>
+  <section class="XcxPage-container">
+    <slot></slot>
+    <slot name="label"></slot>
+    <div class="xcx-content">
+      <div class="content-first">
+        <div class="content-first-info w1200">
+          <div class="left">
+            <img
+              src="~/assets/images/products/xcx_img_first.png"
+              alt="">
+          </div>
+          <div class="right">
+            <h4>轻松找到课堂入口 创造优质 学习体验</h4>
+            <div class="desc">微信首页任务栏等60+小程序入口,让10亿用户 轻松发现你</div>
+          </div>
+        </div>
+      </div>
+      <div class="content-seconed">
+        <div class="content-seconed-info w1200">
+          <div class="left">
+            <h4>轻松找到课堂入口 创造优质 学习体验</h4>
+            <div class="desc">微信首页任务栏小程序入口,让用户轻松发现你</div>
+          </div>
+          <div class="right">
+            <img
+              src="~/assets/images/products/xcx_img_second.png"
+              alt=""
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="content">
+      <div class="content-first">
+        <div class="content-first-info w1200">
+          <div class="left">
+            <h4>轻松找到课堂入口 创造优质学习体验</h4>
+            <div class="desc">微信首页任务栏等60+小程序入口,让10亿用户轻松发现你</div>
+          </div>
+          <div class="right">
+            <img src="~/assets/images/products/h5_img_first.png" alt="">
+          </div>
+        </div>
+      </div>
+      <div class="content-seconed">
+        <div class="content-seconed-info w1200">
+          <div class="left">
+            <img src="~/assets/images/products/h5_img_second.png" alt="">
+          </div>
+          <div class="right">
+            <h4>一键转发,让课堂在微信中自由传播</h4>
+            <div class="desc">课堂可分享至微信朋友圈、微信社群等等位置,便于用户分享好物,闲余赚取佣金</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "XcxPage",
+  data() {
+    return {
+
+    };
+  },
+  components: {
+  },
+  mounted() {},
+};
+</script>
+<style scoped lang="scss">
+.XcxPage-container {
+  .banner-img {
+    position: relative;
+    img {
+      width: 100%;
+      height: 595px;
+    }
+    .label {
+      font-family: PingFangSC-Semibold, sans-serif;
+      font-weight: 600;
+      color: #ffffff;
+      font-size: 80px;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  .xcx-content {
+    width: 100%;
+     h4 {
+      font-size: 26px;
+      font-family: PingFangSC-Medium, sans-serif;
+      font-weight: 500;
+      color: #333333;
+      line-height: 37px;
+    }
+    .desc {
+      margin-top: 44px;
+      font-size: 14px;
+      font-family: PingFangSC-Regular, sans-serif;
+      font-weight: 400;
+      color: #666666;
+      line-height: 28px;
+    }
+    .content-first {
+      padding: 50px 0 50px 0;
+      color: #262626;
+      background: #F8FBFF;
+      .content-first-info {
+        display: flex;
+        justify-content: space-between;
+      }
+      .left {
+        img {
+          width: 666px;
+          height: 642px;
+          object-fit: cover;
+        }
+      }
+      .right {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+      }
+    }
+    .content-seconed {
+      padding: 50px 0 50px 0;
+      color: #262626;
+      .content-seconed-info {
+        display: flex;
+        justify-content: space-between;
+        .left {
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+
+        }
+        .right {
+          img {
+            width: 666px;
+            height: 642px;
+          }
+        }
+      }
+    }
+  }
+  .content {
+    width: 100%;
+    height: 1792px;
+    h4 {
+    // font-size: 30px;
+    font-size: 26px;
+    font-family: PingFangSC-Medium, sans-serif;
+    font-weight: 500;
+    color: #333333;
+    line-height: 37px;
+  }
+  .desc {
+    margin-top: 54px;
+    font-size: 14px;
+    font-family: PingFangSC-Regular, sans-serif;
+    font-weight: 400;
+    color: #666666;
+    line-height: 28px;
+  }
+    .content-first {
+      padding: 136px 0 118px 0;
+      color: #262626;
+      background-color: #f7fbff;
+      .content-first-info {
+        display: flex;
+        justify-content: space-between;
+      }
+      .right {
+        img {
+          width: 666px;
+          height: 642px;
+          vertical-align: middle;
+        }
+      }
+      .left {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+      }
+    }
+    .content-seconed {
+      .content-seconed-info {
+        display: flex;
+        justify-content: space-between;
+      }
+      padding: 99px 0 201px 0;
+      color: #262626;
+      .right {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+      }
+      .left {
+        img {
+          width: 666px;
+          height: 642px;
+          vertical-align: middle;
+        }
+      }
+    }
+  }
+}
+</style>

+ 3 - 11
pages/about/brand.vue

@@ -14,7 +14,7 @@
         <div class="info">
           <div class="name-en">PROFILE</div>
           <div class="name">公司简介</div>
-          <p style="text-indent: 2em;">2003年,中德智慧教育创研和实践幼儿园及家庭思维游戏化教育体系,以德国优质思维教育内容为载体,推出深受全球儿童喜爱的“逻辑狗”思维游戏活动材料,并自主研发中华文化思维游戏系统,培养具有成长型思维模式、文化自信的中国宝贝,构建以儿童思维“芯”为宗旨的儿童游戏化教育理念,创立了线上线下(OMO)交互的教育内容服务模式,丰富了中国素质教育内容。</p>
+          <p style="text-indent: 2em; margin-top: 0px;">2003年,中德智慧教育创研和实践幼儿园及家庭思维游戏化教育体系,以德国优质思维教育内容为载体,推出深受全球儿童喜爱的“逻辑狗”思维游戏活动材料,并自主研发中华文化思维游戏系统,培养具有成长型思维模式、文化自信的中国宝贝,构建以儿童思维“芯”为宗旨的儿童游戏化教育理念,创立了线上线下(OMO)交互的教育内容服务模式,丰富了中国素质教育内容。</p>
           <p style="text-indent: 2em;">近20年,中德智慧教育组织国际、国内专家,以专家指导小组和研训团队结合的方式,不断探索学前思维教育的新理念、新方法,产生了一系列丰硕喜人的教研成果,并将它们落地转化,在教学实践之中加以运用。</p>
           <p style="text-indent: 2em;">未来,中德智慧将继续秉承着教育国际化的理念和方法,开拓视野、深入探究、科学教研,寻找中国学前思维教育发展的规律,利用我们在全球的品牌影响力,将中国的教育资源推送到全球,为中国孩子打造优质的学习平台,为中国学前教育事业做出贡献。</p>
         </div>
@@ -1382,7 +1382,7 @@ const fieldData = Object.freeze([
   },
   {
     id: 5,
-    title: '教育+互联+能',
+    title: '教育+互联+能',
     label: '喜欢探索、热衷钻研',
     labelWidth: 154,
     desc: '科学是幼儿教育五大领域之一,科学的本质在于探究。中德智慧教育为学前儿童创设了国际优质的情境科学探究环境,激发幼儿探究兴趣,体验探究过程、发展初步的探究和解决问题的能力,并在探究中认识周围事物和现象,培养幼儿的科学精神和科学素养。',
@@ -1784,18 +1784,10 @@ export default {
           font-weight: 400;
           color: #FFFFFF;
           line-height: 32px;
-          margin-top: 12px;
+          margin-top: 8px;
           text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
         }
       }
-      // .bgLogo {
-      //   position: absolute;
-      //   z-index: 10;
-      //   width: 103px;
-      //   height: 132px;
-      //   right: 187px;
-      //   bottom: 32px;
-      // }
     }
     img {
       width: 100%;

+ 12 - 8
pages/index.vue

@@ -1396,7 +1396,7 @@ export default {
           iconImg: require('~/assets/images/home/omo_img_03.png'),
           imgUrl: require('~/assets/images/home/omo_content_03.png'),
           title: '全球教育精英陪伴成长',
-          desc: '微信H5 中德智慧网校'
+          desc: '微信H5 思维芯网校'
         },
         {
           id: 4,
@@ -1453,13 +1453,13 @@ export default {
         //   activeName: '公安部幼儿园',
         //   desc: '逻辑狗是济瀚的数学启蒙,通过学习,济瀚掌握了学习方法,树立了学习自信心,收货了学习的乐趣,尤其是通过比赛,开拓了眼界,增长了见识。'
         // },
-        {
-          avatarUrl: require("../assets/images/home/student_06.png"),
-          title: '我和逻辑狗',
-          name: '林乐典',
-          activeName: '北京十七中',
-          desc: ' 5岁开始得益于母亲工作,在家里接触中德智慧的逻辑狗思维游戏、小蚂蚁科学、春夏秋冬绘本。多项比赛获得北京市和朝阳区第一第二名。(足球、科技比赛、演讲比赛等等),初中三年被评为朝阳区和北京市三好学生。'
-        },
+        // {
+        //   avatarUrl: require("../assets/images/home/student_06.png"),
+        //   title: '我和逻辑狗',
+        //   name: '林乐典',
+        //   activeName: '北京十七中',
+        //   desc: ' 5岁开始得益于母亲工作,在家里接触中德智慧的逻辑狗思维游戏、小蚂蚁科学、春夏秋冬绘本。多项比赛获得北京市和朝阳区第一第二名。(足球、科技比赛、演讲比赛等等),初中三年被评为朝阳区和北京市三好学生。'
+        // },
         {
           avatarUrl: require("../assets/images/home/student_07.png"),
           title: '我和逻辑狗',
@@ -2391,6 +2391,9 @@ ul.cate-nav {
   padding: 100px 0 52px;
   background: url("~assets/images/home/student_bg.png");
   background-size: cover;
+  .swiper-wrapper {
+    justify-content: center;
+  }
   .student-content-box {
     position: relative;
     margin-top: 70px;
@@ -2406,6 +2409,7 @@ ul.cate-nav {
       box-shadow: 0px 2px 17px 0px rgba(230, 231, 242, 0.74);
       border-radius: 10px;
       text-align: center;
+
       .avatar {
         font-size: 0;
         img {