Browse Source

改进

master
unknown 8 months ago
parent
commit
67fda66028
  1. BIN
      src/assets/zlxcimgs/reat.png
  2. 1
      src/components/swiperSchool.vue
  3. 2
      src/views/about/index.scss
  4. 7
      src/views/contact/index.scss
  5. 1
      src/views/contact/index.vue
  6. 2
      src/views/culture/index.scss
  7. 22
      src/views/home/index.vue
  8. 4
      src/views/instructor/index.vue
  9. 1
      src/views/layout/Wrapper.scss
  10. 46
      src/views/layout/Wrapper.vue
  11. 6
      src/views/recruitment/index.scss
  12. 4
      src/views/recruitment/index.vue

BIN
src/assets/zlxcimgs/reat.png

After

Width: 1923  |  Height: 334  |  Size: 1.0 MiB

1
src/components/swiperSchool.vue

@ -81,7 +81,6 @@ export default {
} }
.swiper-container { .swiper-container {
padding: 20px 0;
height: 351px; height: 351px;
} }

2
src/views/about/index.scss

@ -3,7 +3,7 @@
width: 100%; width: 100%;
min-width: 1200px; min-width: 1200px;
height: 248px; height: 248px;
background: url("../../assets/zlxcimgs/second_image_bger@2x02.png") top center no-repeat;
background: url("../../assets/zlxcimgs/reat.png") top center no-repeat;
background-size: 100%; background-size: 100%;
} }
.bread-crumbs{ .bread-crumbs{

7
src/views/contact/index.scss

@ -1,4 +1,11 @@
.contact{ .contact{
.contact-banner {
width: 100%;
min-width: 1200px;
height: 248px;
background: url("../../assets/zlxcimgs/reat.png") top center no-repeat;
background-size: 100%;
}
.bread-crumbs{ .bread-crumbs{
width: 100%; width: 100%;
padding: 26px 0; padding: 26px 0;

1
src/views/contact/index.vue

@ -1,5 +1,6 @@
<template> <template>
<div class="contact"> <div class="contact">
<div class="contact-banner"></div>
<div class="contact-wrapper"> <div class="contact-wrapper">
<div class="zlxc-container" style="overflow: visible"> <div class="zlxc-container" style="overflow: visible">
<div class="bread-crumbs"> <div class="bread-crumbs">

2
src/views/culture/index.scss

@ -3,7 +3,7 @@
width: 100%; width: 100%;
min-width: 1200px; min-width: 1200px;
height: 248px; height: 248px;
background: url("../../assets/zlxcimgs/second_image_bgsan@2x03.png") top center no-repeat;
background: url("../../assets/zlxcimgs/reat.png") top center no-repeat;
background-size: 100%; background-size: 100%;
} }
.bread-crumbs{ .bread-crumbs{

22
src/views/home/index.vue

@ -104,6 +104,17 @@
<div class="home-layout"> <div class="home-layout">
<div class="home-link"> <div class="home-link">
<p class="title-main">驾校风采</p> <p class="title-main">驾校风采</p>
<router-link
tag="div"
class="title-link"
to="/recruitment/driveschool"
>
<p class="link-text">查看更多</p>
<img
class="link-img"
src="../../assets/zlxcimgs/home_icon_xiayige@2x.png"
>
</router-link>
</div> </div>
<swiperSchool :swiperSchoolList="swiperSchoolList" key="2"/> <swiperSchool :swiperSchoolList="swiperSchoolList" key="2"/>
</div> </div>
@ -111,6 +122,17 @@
<div class="home-layout"> <div class="home-layout">
<div class="home-link"> <div class="home-link">
<p class="title-main">明星教练</p> <p class="title-main">明星教练</p>
<router-link
tag="div"
class="title-link"
to="/recruitment/instructor"
>
<p class="link-text">查看更多</p>
<img
class="link-img"
src="../../assets/zlxcimgs/home_icon_xiayige@2x.png"
>
</router-link>
</div> </div>
<swiperCoach :swiperCoachlList="swiperCoachlList" key="1"/> <swiperCoach :swiperCoachlList="swiperCoachlList" key="1"/>
</div> </div>

4
src/views/instructor/index.vue

@ -84,7 +84,7 @@
> >
</div> </div>
</div> </div>
<div class="form">
<!-- <div class="form">
<el-form :model="ruleForm" :rules="rules" ref="instructruleForm" class="rule-form"> <el-form :model="ruleForm" :rules="rules" ref="instructruleForm" class="rule-form">
<el-form-item prop="name"> <el-form-item prop="name">
<el-input v-model="ruleForm.name" placeholder="请输入您的姓名"></el-input> <el-input v-model="ruleForm.name" placeholder="请输入您的姓名"></el-input>
@ -113,7 +113,7 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="form-footer">合适的驾校将会跟您电话联系请注意接听哦</div> <div class="form-footer">合适的驾校将会跟您电话联系请注意接听哦</div>
</div>
</div> -->
</div> </div>
</div> </div>
</div> </div>

1
src/views/layout/Wrapper.scss

@ -43,6 +43,7 @@ img{
.header { .header {
height: 80px; height: 80px;
background: #ffffff; background: #ffffff;
border-bottom: 1px solid #e0e0e0;
// position: fixed; // position: fixed;
// top: 0; // top: 0;
// left: 0; // left: 0;

46
src/views/layout/Wrapper.vue

@ -79,7 +79,26 @@
</div> </div>
<div
class="box"
:class="activeTab.indexOf('recruitment') != -1 ? 'is-active' : ''"
to="/recruitment"
>学驾服务
<div class="box-select">
<router-link
tag="div"
class="select-option"
:class="activeTab.indexOf('driveschool') != -1 ? 'is-active' : ''"
to="/recruitment/driveschool"
>驾校风采</router-link>
<router-link
tag="div"
class="select-option"
:class="activeTab.indexOf('instructor') != -1 ? 'is-active' : ''"
to="/recruitment/instructor"
>教练风采</router-link>
</div>
</div>
@ -90,12 +109,12 @@
:class="activeTab === 'about' ? 'is-active' : ''" :class="activeTab === 'about' ? 'is-active' : ''"
to="/about" to="/about"
>行业动态</router-link> >行业动态</router-link>
<router-link
<!-- <router-link
tag="div" tag="div"
class="box" class="box"
:class="activeTab === 'notice' ? 'is-active' : ''" :class="activeTab === 'notice' ? 'is-active' : ''"
to="/notice" to="/notice"
>公示栏</router-link>
>公示栏</router-link> -->
<router-link <router-link
tag="div" tag="div"
class="box" class="box"
@ -105,26 +124,7 @@
<div
class="box"
:class="activeTab.indexOf('recruitment') != -1 ? 'is-active' : ''"
to="/recruitment"
>学驾服务
<div class="box-select">
<router-link
tag="div"
class="select-option"
:class="activeTab.indexOf('driveschool') != -1 ? 'is-active' : ''"
to="/recruitment/driveschool"
>驾校风采</router-link>
<router-link
tag="div"
class="select-option"
:class="activeTab.indexOf('instructor') != -1 ? 'is-active' : ''"
to="/recruitment/instructor"
>教练风采</router-link>
</div>
</div>

6
src/views/recruitment/index.scss

@ -24,11 +24,11 @@
} }
} }
.driving-demeanor{ .driving-demeanor{
display: flex;
justify-content: space-between;
// display: flex;
// justify-content: space-between;
width: 100%; width: 100%;
.demeanor{ .demeanor{
width: 816px;
// width: 816px;
.demeanor-search{ .demeanor-search{
width: 100%; width: 100%;
padding: 20px 14px 0; padding: 20px 14px 0;

4
src/views/recruitment/index.vue

@ -79,7 +79,7 @@
</div> </div>
</div> </div>
<!-- 帮找驾校 --> <!-- 帮找驾校 -->
<div class="driving-seek">
<!-- <div class="driving-seek">
<div class="seek-header"> <div class="seek-header">
<div class="header-write"> <div class="header-write">
<div class="write-title">帮您找驾校</div> <div class="write-title">帮您找驾校</div>
@ -122,7 +122,7 @@
</el-form> </el-form>
<div class="form-footer">合适的驾校将会跟您电话联系请注意接听哦</div> <div class="form-footer">合适的驾校将会跟您电话联系请注意接听哦</div>
</div> </div>
</div>
</div> -->
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save