Browse Source

改进

master
unknown 10 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 {
padding: 20px 0;
height: 351px;
}

2
src/views/about/index.scss

@ -3,7 +3,7 @@
width: 100%;
min-width: 1200px;
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%;
}
.bread-crumbs{

7
src/views/contact/index.scss

@ -1,4 +1,11 @@
.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{
width: 100%;
padding: 26px 0;

1
src/views/contact/index.vue

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

2
src/views/culture/index.scss

@ -3,7 +3,7 @@
width: 100%;
min-width: 1200px;
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%;
}
.bread-crumbs{

22
src/views/home/index.vue

@ -104,6 +104,17 @@
<div class="home-layout">
<div class="home-link">
<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>
<swiperSchool :swiperSchoolList="swiperSchoolList" key="2"/>
</div>
@ -111,6 +122,17 @@
<div class="home-layout">
<div class="home-link">
<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>
<swiperCoach :swiperCoachlList="swiperCoachlList" key="1"/>
</div>

4
src/views/instructor/index.vue

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

1
src/views/layout/Wrapper.scss

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

46
src/views/layout/Wrapper.vue

@ -79,7 +79,26 @@
</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' : ''"
to="/about"
>行业动态</router-link>
<router-link
<!-- <router-link
tag="div"
class="box"
:class="activeTab === 'notice' ? 'is-active' : ''"
to="/notice"
>公示栏</router-link>
>公示栏</router-link> -->
<router-link
tag="div"
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{
display: flex;
justify-content: space-between;
// display: flex;
// justify-content: space-between;
width: 100%;
.demeanor{
width: 816px;
// width: 816px;
.demeanor-search{
width: 100%;
padding: 20px 14px 0;

4
src/views/recruitment/index.vue

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

Loading…
Cancel
Save