Ver Fonte

'加入我们调整'

chending1994 há 5 anos atrás
pai
commit
d6e2456c9c
2 ficheiros alterados com 98 adições e 57 exclusões
  1. 3 3
      components/home/header.vue
  2. 95 54
      pages/cooperate/index.vue

+ 3 - 3
components/home/header.vue

@@ -51,13 +51,13 @@
 							<!-- <nuxt-link to="">关于我们</nuxt-link> -->
 							<ul class="h-nav-list-child">
 								<li>
-									<nuxt-link target="_blank" to="/about/brand">品牌故事</nuxt-link>
+									<nuxt-link to="/about/brand">品牌故事</nuxt-link>
 								</li>
 								<li>
-									<nuxt-link target="_blank" to="/about/team">专家团队</nuxt-link>
+									<nuxt-link to="/about/team">专家团队</nuxt-link>
 								</li>
 								<li>
-									<nuxt-link target="_blank" to="/about/contact">联系我们</nuxt-link>
+									<nuxt-link to="/about/contact">联系我们</nuxt-link>
 								</li>
 							</ul>
               <div class="expand">

+ 95 - 54
pages/cooperate/index.vue

@@ -47,12 +47,13 @@
     <!-- 输出平台 -->
     <div class="education">
       <div class="top wow animate__animated animate__fadeInDown">
-        <img
+        <!-- <img
           class="bg-img"
           src="http://res.training.luojigou.vip/Ft9M1i5hGV_NEYh-dvUhIhDvpMQ4?imageView2/0/q/50|imageslim"
           alt=""
-        >
+        > -->
         <div class="label">
+          <div class="label-en animate__fadeInDown">EDUCATION</div>
           <img
             class="logo"
             src="http://res.training.luojigou.vip/Fmzni1iBgNG7OKMenDAm1JPkntZY?imageView2/0/q/50|imageslim"
@@ -188,16 +189,16 @@
       <div class="join-us-form">
         <el-form :model="form" :rules="rules" ref="ruleBottomForm">
           <el-form-item prop="name">
-            <el-input placeholder="姓名" v-model="form.name"></el-input>
+            <el-input placeholder="姓名:" v-model="form.name"></el-input>
           </el-form-item>
           <el-form-item prop="phone">
-            <el-input placeholder="手机号" v-model="form.phone"></el-input>
+            <el-input placeholder="手机号:" v-model="form.phone"></el-input>
           </el-form-item>
           <el-form-item prop="email">
-            <el-input placeholder="邮箱地址" v-model="form.email"></el-input>
+            <el-input placeholder="邮箱地址:" v-model="form.email"></el-input>
           </el-form-item>
           <el-form-item prop="city">
-            <el-input placeholder="加盟城市" v-model="form.city"></el-input>
+            <el-input placeholder="加盟城市:" v-model="form.city"></el-input>
           </el-form-item>
           <!-- <div class="submit" @click="handleSubmit('ruleForm')">提交申请</div> -->
         </el-form>
@@ -435,6 +436,25 @@ export default {
 <style lang="scss">
 .New-container {
   width: 100%;
+  .label {
+    .label-en {
+      height: 78px;
+      font-size: 56px;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color:rgba(35,106,250,0.16);
+      line-height: 78px;
+    }
+    .label-zn {
+      height: 65px;
+      font-size: 46px;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #262626;
+      line-height: 65px;
+      letter-spacing: 1px;
+    }
+  }
   .banner-img {
     position: relative;
     img {
@@ -543,6 +563,14 @@ export default {
     box-sizing: border-box;
     position: relative;
     height: 488px;
+    .label {
+      position: relative;
+      .label-en {
+        position: absolute;
+        left: -45px;
+        top: -15px;
+      }
+    }
     .top {
       position: relative;
       // display: flex;
@@ -577,11 +605,13 @@ export default {
           display: block;
         }
         .text {
-          font-size: 58px;
+          height: 65px;
+          font-size: 46px;
           font-family: PingFangSC-Semibold, PingFang SC;
           font-weight: 600;
-          color: rgba(38, 38, 38, 1);
-          margin-left: 10px;
+          color: #262626;
+          line-height: 65px;
+          letter-spacing: 1px;
         }
         .line {
           width: 1px;
@@ -658,18 +688,18 @@ export default {
       /* left: 763px; */
       transform: translateX(-50%);
       .label-en {
-        font-size: 78px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(35, 106, 250, 0.16);
+        // font-size: 78px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
+        // color: rgba(35, 106, 250, 0.16);
       }
       .label-zn {
-        font-size: 58px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(38, 38, 38, 1);
+        // font-size: 58px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
+        // color: rgba(38, 38, 38, 1);
         position: absolute;
-        top: 45px;
+        top: 30px;
         left: 8px;
       }
     }
@@ -729,18 +759,18 @@ export default {
       /* left: 763px; */
       transform: translateX(-50%);
       .label-en {
-        font-size: 78px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(35, 106, 250, 0.16);
+        // font-size: 78px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
+        // color: rgba(35, 106, 250, 0.16);
       }
       .label-zn {
-        font-size: 58px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(38, 38, 38, 1);
+        // font-size: 58px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
+        // color: rgba(38, 38, 38, 1);
         position: absolute;
-        top: 45px;
+        top: 30px;
         left: 78px;
       }
     }
@@ -766,18 +796,18 @@ export default {
       left: 50%;
       transform: translateX(-50%);
       .label-en {
-        font-size: 78px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(35, 106, 250, 0.16);
+        // font-size: 78px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
+        // color: rgba(35, 106, 250, 0.16);
       }
       .label-zn {
-        font-size: 58px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(38, 38, 38, 1);
+        // font-size: 58px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
+        // color: rgba(38, 38, 38, 1);
         position: absolute;
-        top: 45px;
+        top: 30px;
         left: 32px;
       }
     }
@@ -842,18 +872,18 @@ export default {
       transform: translateX(-50%);
       width: 300px;
       .label-en {
-        font-size: 78px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(35, 106, 250, 0.16);
+        // font-size: 78px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
+        // color: rgba(35, 106, 250, 0.16);
       }
       .label-zn {
-        font-size: 58px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(38, 38, 38, 1);
+        // font-size: 58px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
+        // color: rgba(38, 38, 38, 1);
         position: absolute;
-        top: 45px;
+        top: 30px;
         left: 32px;
       }
     }
@@ -925,24 +955,25 @@ export default {
     .label {
       position: absolute;
       // width: 600px;
+      width: 320px;
       top: 80px;
       left: 50%;
       transform: translateX(-50%);
       // left: 763px;
       .label-en {
-        font-size: 78px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
+        // font-size: 78px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
         color: rgba(255, 255, 255, 0.16);
       }
       .label-zn {
-        font-size: 58px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
+        // font-size: 58px;
+        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-weight: 600;
         color: rgba(255, 255, 255, 1);
         position: absolute;
-        top: 45px;
-        left: 32px;
+        top: 30px;
+        left: 100px;
       }
     }
     .line {
@@ -966,6 +997,16 @@ export default {
         // margin-bottom: 32px;
         /deep/ .el-input__inner {
           height: 70px;
+          color: #666666;
+          font-size: 18px;
+          &::-webkit-input-placeholder {
+            height: 25px;
+            font-size: 18px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #666666;
+            line-height: 25px;
+          }
         }
       }
       img {
@@ -975,7 +1016,7 @@ export default {
         margin-bottom: 27px;
       }
       .address {
-        font-size: 22px;
+        font-size: 20px;
         font-family: PingFangSC-Regular, PingFang SC;
         font-weight: 400;
         color: rgba(255, 255, 255, 1);