|
|
@@ -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);
|