Browse Source

前端页面改造

master
unknown 8 months ago
parent
commit
5b64ab5ab4
  1. 8
      src/assets/common.css
  2. 2
      src/components/foot.scss
  3. 15
      src/components/swiperCoach.vue
  4. 91
      src/components/swiperSchool.vue
  5. 4
      src/views/about/index.scss
  6. 6
      src/views/contact/index.scss
  7. 6
      src/views/contact/index.vue
  8. 6
      src/views/culture/index.scss
  9. 45
      src/views/driveDetail/index.scss
  10. 116
      src/views/driveDetail/index.vue
  11. 4
      src/views/driveKnowledge/index.scss
  12. 4
      src/views/drivingMap/index.scss
  13. 8
      src/views/home/index.scss
  14. 2
      src/views/home/index.vue
  15. 4
      src/views/hospitalMap/index.scss
  16. 14
      src/views/instructor/index.scss
  17. 8
      src/views/instructor/index.vue
  18. 13
      src/views/layout/Wrapper.vue
  19. 10
      src/views/media/graduation/index.scss
  20. 8
      src/views/media/questionBank/index.scss
  21. 10
      src/views/media/videoLearning/index.scss
  22. 6
      src/views/noticeBoard/index.scss
  23. 2
      src/views/product/index.scss
  24. 14
      src/views/recruitment/index.scss
  25. 6
      src/views/recruitment/index.vue
  26. 4
      src/views/theoreticalStudy/examDnotpass/index.scss
  27. 4
      src/views/theoreticalStudy/examPassed/index.scss
  28. 32
      src/views/theoreticalStudy/practisePage/index.scss
  29. 24
      src/views/theoreticalStudy/realisticSimulation/index.scss

8
src/assets/common.css

@ -271,12 +271,12 @@ ul,li{
outline: none; outline: none;
} }
.el-message-box button.el-button--primary{ .el-message-box button.el-button--primary{
border-color: #4497F8;
background: #4497F8;
border-color: #FC9933;
background: #FC9933;
} }
.el-message-box button.el-button--primary:hover{ .el-message-box button.el-button--primary:hover{
border-color: #4497F8;
background: #4497F8;
border-color: #FC9933;
background: #FC9933;
opacity: 0.6; opacity: 0.6;
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {

2
src/components/foot.scss

@ -3,7 +3,7 @@
width: 100%; width: 100%;
background: #ECECED; background: #ECECED;
// .connect-a {list-style: none; text-decoration:none;color: #333333;} // .connect-a {list-style: none; text-decoration:none;color: #333333;}
.connect-a:hover{text-decoration:none; cursor:pointer;color: #4497F8;}/*a标签鼠标经过mouseover时的样式*/
.connect-a:hover{text-decoration:none; cursor:pointer;color: #FC9933;}/*a标签鼠标经过mouseover时的样式*/
.connect-a:link{text-decoration:none; cursor:pointer;} /*a标签未访问时的样式*/ .connect-a:link{text-decoration:none; cursor:pointer;} /*a标签未访问时的样式*/
.connect-a:visited{text-decoration:none ; cursor:pointer;}/*a标签访问过之后样式*/ .connect-a:visited{text-decoration:none ; cursor:pointer;}/*a标签访问过之后样式*/
.connect-a:active{text-decoration:none;cursor:pointer;}/*a标签鼠标按下mousedown时的样式*/ .connect-a:active{text-decoration:none;cursor:pointer;}/*a标签鼠标按下mousedown时的样式*/

15
src/components/swiperCoach.vue

@ -18,8 +18,8 @@
</swiper-slide> </swiper-slide>
<!-- <div class="swiper-pagination" slot="pagination"></div> --> <!-- <div class="swiper-pagination" slot="pagination"></div> -->
</swiper> </swiper>
<div class="swiper-button-prev "></div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev prev3"></div>
<div class="swiper-button-next next3"></div>
</div> </div>
@ -34,19 +34,20 @@ export default {
data() { data() {
return { return {
swiperOption: { swiperOption: {
loop: false,
loop: true,
autoplay: 3000, autoplay: 3000,
speed: 1000, speed: 1000,
slidesPerView: 5, slidesPerView: 5,
spaceBetween: 10, spaceBetween: 10,
loopedSlides :5,
paginationClickable: true, paginationClickable: true,
pagination: { pagination: {
el: '.swiper-pagination', el: '.swiper-pagination',
clickable: true clickable: true
}, },
navigation: { navigation: {
nextEl: '.swiper-button-prev',
prevEl: '.swiper-button-next'
prevEl: '.swiper-button-prev.prev3',
nextEl: '.swiper-button-next.next3'
} }
}, },
} }
@ -103,13 +104,13 @@ export default {
} }
.swiper-button-prev {
.swiper-button-prev.prev3 {
background: url('../assets/images/swiperLeft.png'); background: url('../assets/images/swiperLeft.png');
background-size: 27px 44px; background-size: 27px 44px;
margin-left: 20px; margin-left: 20px;
} }
.swiper-button-next {
.swiper-button-next.next3 {
background: url('../assets/images/swiperRight.png'); background: url('../assets/images/swiperRight.png');
background-size: 27px 44px; background-size: 27px 44px;
margin-right: 20px; margin-right: 20px;

91
src/components/swiperSchool.vue

@ -3,28 +3,28 @@
<template> <template>
<div> <div>
<div class="swiper-container"> <div class="swiper-container">
<swiper :options="swiperOption" ref="myswiper">
<swiper-slide v-for="(item, index) in swiperSchoolList" :key="index" class="slide1">
<div class="swiper-slide_inner">
<swiper :options="swiperOption" ref="swiperSchool" v-if="swiperSchoolList.length">
<swiper-slide v-for="(item, index) in swiperSchoolList" :key="index" class="slide1" >
<div class="swiper-slide_inner" @click="itemClick(item)">
<div class="cover"> <div class="cover">
<img :src="item.chargeBulletinBoard" alt=""> <img :src="item.chargeBulletinBoard" alt="">
</div> </div>
<div class="text"> <div class="text">
<div class="txt oneRowTxt">{{ item.schoolName}}</div>
<div class="txt oneRowTxt">{{ item.schoolName }}</div>
<div class="txt oneRowTxt">{{ item.commonPhone }}</div> <div class="txt oneRowTxt">{{ item.commonPhone }}</div>
</div> </div>
</div> </div>
</swiper-slide> </swiper-slide>
<!-- <div class="swiper-pagination" slot="pagination"></div> --> <!-- <div class="swiper-pagination" slot="pagination"></div> -->
</swiper> </swiper>
<div class="swiper-button-prev2"></div>
<div class="swiper-button-next2"></div>
<div class="swiper-button-prev prev2"></div>
<div class="swiper-button-next next2"></div>
<!-- <div class="swiper-button-prev2" slot="button-prev"> </div> --> <!-- <div class="swiper-button-prev2" slot="button-prev"> </div> -->
<!-- <div class="swiper-button-next2" slot="button-next"> </div> --> <!-- <div class="swiper-button-next2" slot="button-next"> </div> -->
</div> </div>
</div> </div>
</template> </template>
@ -37,24 +37,36 @@ export default {
return { return {
swiperOption: { swiperOption: {
loop: true, loop: true,
autoplay: 3000,
autoplay: 2000,
slidesPerView: 'auto', slidesPerView: 'auto',
speed: 600, speed: 600,
slidesPerView: 4, slidesPerView: 4,
spaceBetween: 16, spaceBetween: 16,
// prevButton: '.swiper-button-prev2',
// nextButton: '.swiper-button-next2',
// pagination: '.swiper-pagination',
preventClicks: false,
loopedSlides :4,
paginationClickable: true, paginationClickable: true,
navigation: { navigation: {
prevEl: '.swiper-button-prev2',
nextEl: '.swiper-button-next2'
}
prevEl: '.swiper-button-prev.prev2',
nextEl: '.swiper-button-next.next2'
},
}, },
} }
}, },
monted() {
computed: {
swiper() {
return this.$refs.swiperSchool.swiper
}
},
methods: {
itemClick(item) {
this.$router.push({
name: 'Drivedetail',
query: {
id: item.trainingSchoolId
}
})
}
} }
} }
</script> </script>
@ -62,6 +74,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.slide1 { .slide1 {
transition: .2s; transition: .2s;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
} }
@ -71,6 +84,7 @@ export default {
padding: 20px 0; padding: 20px 0;
height: 351px; height: 351px;
} }
.swiper-slide_inner { .swiper-slide_inner {
width: 280px; width: 280px;
height: 313px; height: 313px;
@ -83,20 +97,24 @@ export default {
width: 100%; width: 100%;
background: #f6f6f6; background: #f6f6f6;
height: 220px; height: 220px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
} }
} }
.text { .text {
padding: 20px 0 0 20px; padding: 20px 0 0 20px;
// border: 1px solid #949494; // border: 1px solid #949494;
box-sizing: border-box; box-sizing: border-box;
// border-top: none; // border-top: none;
.txt { .txt {
font-size: 18px; font-size: 18px;
color: #333; color: #333;
&:first-child { &:first-child {
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -104,31 +122,30 @@ export default {
} }
} }
.swiper-button-prev2 {
.swiper-button-prev.prev2 {
background: url('../assets/images/swiperLeft.png') no-repeat; background: url('../assets/images/swiperLeft.png') no-repeat;
background-size: 27px 44px; background-size: 27px 44px;
position: absolute; position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
left: 30px;
// margin-left: 20px;
z-index: 10;
cursor: pointer;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
left: 30px;
// margin-left: 20px;
z-index: 10;
cursor: pointer;
} }
.swiper-button-next2 {
.swiper-button-next.next2 {
background: url('../assets/images/swiperRight.png')no-repeat; background: url('../assets/images/swiperRight.png')no-repeat;
background-size: 27px 44px; background-size: 27px 44px;
position: absolute; position: absolute;
top: 50%;
width: 27px;
height: 44px;
right: 30px;
// margin-right: 20px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
}
</style>
top: 50%;
width: 27px;
height: 44px;
right: 30px;
// margin-right: 20px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
}</style>

4
src/views/about/index.scss

@ -87,7 +87,7 @@
&:hover{ &:hover{
.li-text{ .li-text{
.text{ .text{
color: #4497F8;
color: #FC9933;
} }
} }
} }
@ -173,7 +173,7 @@
justify-content: center; justify-content: center;
margin-bottom: 74px; margin-bottom: 74px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background: #4497F8;
background: #FC9933;
} }
} }
} }

6
src/views/contact/index.scss

@ -29,8 +29,8 @@
border-radius: 12px; border-radius: 12px;
} }
/deep/ .el-button--primary { /deep/ .el-button--primary {
background-color: #4497F8;
border-color: #4497F8;
background-color: #FC9933;
border-color: #FC9933;
} }
.type-select{ .type-select{
display: flex; display: flex;
@ -49,7 +49,7 @@
margin-right: 24px; margin-right: 24px;
} }
&.is-action{ &.is-action{
background:#4497F8;
background:#FC9933;
color: #FFFFFF; color: #FFFFFF;
} }
} }

6
src/views/contact/index.vue

@ -41,12 +41,12 @@
<el-form-item label="内容详情" prop="desc"> <el-form-item label="内容详情" prop="desc">
<el-input type="textarea" v-model="ruleForm.desc" placeholder="请输入您要咨询或投诉的内容"></el-input> <el-input type="textarea" v-model="ruleForm.desc" placeholder="请输入您要咨询或投诉的内容"></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="上传图片">
<el-form-item label="上传图片">
<el-upload <el-upload
action="/api/index/uploadFile.do" action="/api/index/uploadFile.do"
list-type="picture-card" list-type="picture-card"
name="file" name="file"
:limit=5
:limit="3"
:on-preview="handlePictureCardPreview" :on-preview="handlePictureCardPreview"
:on-remove="handleRemove" :on-remove="handleRemove"
:on-success="handleSuccess" :on-success="handleSuccess"
@ -56,7 +56,7 @@
<el-dialog :visible.sync="dialogVisible"> <el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt=""> <img width="100%" :src="dialogImageUrl" alt="">
</el-dialog> </el-dialog>
</el-form-item> -->
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')">提交</el-button> <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
<el-button @click="resetForm('ruleForm')">重置</el-button> <el-button @click="resetForm('ruleForm')">重置</el-button>

6
src/views/culture/index.scss

@ -33,7 +33,7 @@
&:hover{ &:hover{
.li-detail{ .li-detail{
.detail-writing{ .detail-writing{
color: #4497F8;
color: #FC9933;
} }
} }
} }
@ -71,7 +71,7 @@
justify-content: center; justify-content: center;
margin-bottom: 74px; margin-bottom: 74px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background: #4497F8;
background: #FC9933;
} }
} }
} }
@ -112,7 +112,7 @@
justify-content: center; justify-content: center;
margin-bottom: 74px; margin-bottom: 74px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background: #4497F8;
background: #FC9933;
} }
} }
} }

45
src/views/driveDetail/index.scss

@ -112,7 +112,7 @@
width: 152px; width: 152px;
height: 48px; height: 48px;
border-radius: 10px; border-radius: 10px;
background: #4497F8;
background: #FC9933;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #FFFFFF;
@ -158,9 +158,9 @@
} }
/deep/ .el-tabs--card>.el-tabs__header .el-tabs__item.is-active { /deep/ .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
border-top: 2px solid #4497F8;
border-top: 2px solid #FC9933;
background: #FFFFFF; background: #FFFFFF;
color: #4497F8;
color: #FC9933;
} }
.pane-title { .pane-title {
@ -313,7 +313,7 @@
.address-text { .address-text {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #4497F8;
color: #FC9933;
} }
} }
@ -343,3 +343,40 @@
} }
} }
.ul {
width: 1200px;
height: 187px;
background: #FFFFFF;
border: 1px solid rgba(148,148,148,0.4);
display: flex;
justify-content: space-around;
border-radius: 4px;
align-items: center;
margin: 30px 0 60px 0;
.li {
.num_row {
display: flex;
align-items: flex-end;
.num {
font-size: 50px;
color: #FF7933;
}
.unit {
font-size: 16px;
color: #666;
margin-left: 6px;
margin-bottom: 8px;
}
}
.lab {
margin-top: 10px;
text-align: center;
color: #666;
}
}
}

116
src/views/driveDetail/index.vue

@ -50,6 +50,45 @@
</div> </div>
<div class="demeanor-btn">报名咨询</div> <div class="demeanor-btn">报名咨询</div>
</div> </div>
<!-- 统计区域 -->
<div class="ul">
<div class="li">
<div class="num_row">
<div class="num">0</div>
<div class="unit"></div>
</div>
<div class="lab">报名费</div>
</div>
<div class="li">
<div class="num_row">
<div class="num">100</div>
<div class="unit"></div>
</div>
<div class="lab">课时单价</div>
</div>
<div class="li">
<div class="num_row">
<div class="num">100</div>
<div class="unit"></div>
</div>
<div class="lab">车辆数</div>
</div>
<div class="li">
<div class="num_row">
<div class="num">100</div>
<div class="unit"></div>
</div>
<div class="lab">教练数</div>
</div>
<div class="li">
<div class="num_row">
<div class="num">100</div>
<div class="unit"></div>
</div>
<div class="lab">预约数</div>
</div>
</div>
<!-- 驾校详情 --> <!-- 驾校详情 -->
<div class="driving-detail"> <div class="driving-detail">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
@ -77,87 +116,22 @@
</div> </div>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="教练员" name="coach">
<div class="pane-title">
<p class="title-circle"></p>
<p class="title-text">教练员</p>
</div>
<div class="pane-demeanor-list" v-if="coachList">
<div class="pane-demeanor" v-for="item in coachList" :key="item.coachId">
<div class="node-img">
<img
class="driving-img"
:src="item.image"
/>
</div>
<div class="node-info">
<div class="info-title">{{item.coachName}}</div>
<div class="info-score">
<el-rate
class="score-rate"
:value="item.starLevel"
disabled
text-color="#ff9900"
></el-rate>
<p class="score-nub">{{item.starLevel}}</p>
</div>
<div class="info-address">
<p class="address-text">
所属驾校{{ dataSheetDetail.schoolName }}
</p>
</div>
<div class="info-phone">
<p class="phone-text">准教车型{{item.driveModel}}</p>
</div>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="教练车" name="coachcar">
<div class="pane-title">
<p class="title-circle"></p>
<p class="title-text">教练车</p>
</div>
<div class="pane-imgs">
<div class="imgs-context">
<img
class="driving-img"
src="../../assets/zlxcimgs/second_icon_zhaopian@2x.png"
/>
</div>
<div class="imgs-context">
<img
class="driving-img"
src="../../assets/zlxcimgs/second_icon_zhaopian@2x.png"
/>
</div>
<div class="imgs-context">
<img
class="driving-img"
src="../../assets/zlxcimgs/second_icon_zhaopian@2x.png"
/>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="班型" name="classtype"> <el-tab-pane label="班型" name="classtype">
<div class="pane-title">
<p class="title-circle"></p>
<p class="title-text">班型</p>
</div>
<div class="pane-table"> <div class="pane-table">
<el-table :data="tableData" border style="width: 100%"> <el-table :data="tableData" border style="width: 100%">
<el-table-column prop="classModel" label="驾照类型" width="180"> <el-table-column prop="classModel" label="驾照类型" width="180">
</el-table-column> </el-table-column>
<el-table-column prop="className" label="班型" width="180"> <el-table-column prop="className" label="班型" width="180">
</el-table-column> </el-table-column>
<el-table-column prop="totalPrice" label="学车总金额 (元)">
<el-table-column prop="totalPrice" label="套餐金额 (元)">
</el-table-column> </el-table-column>
<el-table-column prop="remark" label="班型介绍">
<el-table-column prop="remark" label="套餐属性">
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="报名地址" name="registration">
<el-tab-pane label="地址电话" name="registration">
<div class="pane-title"> <div class="pane-title">
<p class="title-circle"></p> <p class="title-circle"></p>
<p class="title-text">报名地址</p> <p class="title-text">报名地址</p>
@ -169,9 +143,7 @@
/> />
<p class="address-text">{{ dataSheetDetail.address }}</p> <p class="address-text">{{ dataSheetDetail.address }}</p>
</div> </div>
</el-tab-pane>
<el-tab-pane label="报名咨询" name="advisory">
<div class="pane-title">
<div class="pane-title" style="margin-top: 40px;">
<p class="title-circle"></p> <p class="title-circle"></p>
<p class="title-text">报名咨询</p> <p class="title-text">报名咨询</p>
</div> </div>

4
src/views/driveKnowledge/index.scss

@ -121,7 +121,7 @@
&:hover { &:hover {
.li-caption { .li-caption {
color: #4497F8;
color: #FC9933;
} }
} }
} }
@ -133,7 +133,7 @@
justify-content: center; justify-content: center;
margin-bottom: 74px; margin-bottom: 74px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background: #4497F8;
background: #FC9933;
} }
} }
} }

4
src/views/drivingMap/index.scss

@ -82,7 +82,7 @@
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
&:hover{ &:hover{
background: #4497F8;
background: #FC9933;
.info{ .info{
.info-title{ .info-title{
color: #FFFFFF; color: #FFFFFF;
@ -105,7 +105,7 @@
.info-title{ .info-title{
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #4497F8;
color: #FC9933;
// overflow: hidden; // overflow: hidden;
// text-overflow:ellipsis; // text-overflow:ellipsis;
// white-space: nowrap; // white-space: nowrap;

8
src/views/home/index.scss

@ -180,7 +180,7 @@
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
padding: 0 0 24px; padding: 0 0 24px;
border-bottom: 1px solid #4497F8;
border-bottom: 1px solid #FC9933;
margin-bottom: 32px; margin-bottom: 32px;
} }
.top-list{ .top-list{
@ -196,7 +196,7 @@
.li-num{ .li-num{
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #4497F8;
color: #FC9933;
} }
} }
} }
@ -341,7 +341,7 @@
text-align: center; text-align: center;
} }
&:hover{ &:hover{
background: #4497F8;
background: #FC9933;
.li-info{ .li-info{
background: #4E9CF8; background: #4E9CF8;
.info-img{ .info-img{
@ -389,7 +389,7 @@
} }
&.action{ &.action{
.ins-title{ .ins-title{
color: #4497F8;
color: #FC9933;
font-weight: bold; font-weight: bold;
} }
} }

2
src/views/home/index.vue

@ -418,7 +418,7 @@ export default {
swiperCoachlList: [], // swiperCoachlList: [], //
score: 4.5, score: 4.5,
map:{ map:{
center: {lng:120.219375416, lat:30.2592444615},//'',120.219375416,30.2592444615
center: {lng:112.454040, lat:34.619682},//'',112.477298, 34.682945
zoom: 12, zoom: 12,
width:'100%', width:'100%',
height:'100%' height:'100%'

4
src/views/hospitalMap/index.scss

@ -81,7 +81,7 @@
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
&:hover{ &:hover{
background: #4497F8;
background: #FC9933;
.info{ .info{
.info-title{ .info-title{
color: #FFFFFF; color: #FFFFFF;
@ -104,7 +104,7 @@
.info-title{ .info-title{
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #4497F8;
color: #FC9933;
// overflow: hidden; // overflow: hidden;
// text-overflow:ellipsis; // text-overflow:ellipsis;
// white-space: nowrap; // white-space: nowrap;

14
src/views/instructor/index.scss

@ -63,7 +63,7 @@
color: #333333; color: #333333;
&.active { &.active {
background: #4497F8;
background: #FC9933;
color: #ffffff; color: #ffffff;
} }
@ -172,7 +172,7 @@
margin-bottom: 64px; margin-bottom: 64px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
background: #4497F8;
background: #FC9933;
} }
} }
} }
@ -182,7 +182,7 @@
height: 540px; height: 540px;
padding: 8px 26px 0; padding: 8px 26px 0;
box-sizing: border-box; box-sizing: border-box;
border-top: 4px solid #4497F8;
border-top: 4px solid #FC9933;
border-radius: 10px; border-radius: 10px;
background: #F8F8F8; background: #F8F8F8;
@ -199,14 +199,14 @@
.write-title { .write-title {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: #4497F8;
color: #FC9933;
margin-bottom: 12px; margin-bottom: 12px;
} }
.write-sub { .write-sub {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4497F8;
color: #FC9933;
} }
} }
@ -251,8 +251,8 @@
} }
/deep/ .el-button--primary { /deep/ .el-button--primary {
background-color: #4497F8;
border-color: #4497F8;
background-color: #FC9933;
border-color: #FC9933;
} }
.el-button--default { .el-button--default {

8
src/views/instructor/index.vue

@ -11,7 +11,7 @@
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<!-- 顶部跳转banner --> <!-- 顶部跳转banner -->
<div class="guide">
<!-- <div class="guide">
<div class="guide-drive" @click="tapJumpLink('drive')"> <div class="guide-drive" @click="tapJumpLink('drive')">
<img <img
class="guide-img" class="guide-img"
@ -24,7 +24,7 @@
src="../../assets/zlxcimgs/second_icon_jiashichangshi@2x.png" src="../../assets/zlxcimgs/second_icon_jiashichangshi@2x.png"
> >
</div> </div>
</div>
</div> -->
<!-- 驾校区域 --> <!-- 驾校区域 -->
<div class="driving-demeanor"> <div class="driving-demeanor">
<!-- 驾校列表 --> <!-- 驾校列表 -->
@ -48,8 +48,8 @@
<div class="node-info"> <div class="node-info">
<div class="info-title">{{item.coachName}}</div> <div class="info-title">{{item.coachName}}</div>
<div class="info-score"> <div class="info-score">
<el-rate class="score-rate" :value="item.starLevel" disabled text-color="#ff9900"></el-rate>
<p class="score-nub">{{item.starLevel}}</p>
<!-- <el-rate class="score-rate" :value="item.starLevel" disabled text-color="#ff9900"></el-rate> -->
<p class="score-nub">{{item.starLevel || 0}}</p>
</div> </div>
<div class="info-address"> <div class="info-address">
<p class="address-text">所属驾校{{item.schoolName ? item.schoolName : ''}}</p> <p class="address-text">所属驾校{{item.schoolName ? item.schoolName : ''}}</p>

13
src/views/layout/Wrapper.vue

@ -44,18 +44,13 @@
:class="activeTab === 'home' ? 'is-active' : ''" :class="activeTab === 'home' ? 'is-active' : ''"
to="/home" to="/home"
>首页</router-link> >首页</router-link>
<router-link
<!-- <router-link
tag="div" tag="div"
class="box" class="box"
:class="activeTab === 'product' ? 'is-active' : ''" :class="activeTab === 'product' ? 'is-active' : ''"
to="/product" to="/product"
>曝光台</router-link>
>曝光台</router-link> -->
<div <div
class="box" class="box"
:class="activeTab.indexOf('media') != -1 ? 'is-active' : ''" :class="activeTab.indexOf('media') != -1 ? 'is-active' : ''"
@ -143,10 +138,10 @@
>投诉建议</router-link> >投诉建议</router-link>
</div> </div>
</div > </div >
<div class="loginCon">
<!-- <div class="loginCon">
<div class="line"></div> <div class="line"></div>
<div class="login" @click="tapJumpJaxc">登录</div> <div class="login" @click="tapJumpJaxc">登录</div>
</div>
</div> -->
</div> </div>
</div> </div>

10
src/views/media/graduation/index.scss

@ -71,7 +71,7 @@
} }
&.action { &.action {
background: #4497F8;
background: #FC9933;
.model-img { .model-img {
display: none; display: none;
@ -127,10 +127,10 @@
} }
&.action { &.action {
color: #4497F8;
color: #FC9933;
&::after { &::after {
background: #4497F8;
background: #FC9933;
} }
} }
} }
@ -202,10 +202,10 @@
} }
&:hover { &:hover {
.practise-sub { .practise-sub {
color: #4497F8;
color: #FC9933;
} }
.practise-time { .practise-time {
color: #4497F8;
color: #FC9933;
} }
} }
} }

8
src/views/media/questionBank/index.scss

@ -62,7 +62,7 @@
color: #333333; color: #333333;
} }
&.action{ &.action{
background: #4497F8;
background: #FC9933;
.model-img{ .model-img{
display: none; display: none;
} }
@ -112,9 +112,9 @@
bottom: 0; bottom: 0;
} }
&.action{ &.action{
color: #4497F8;
color: #FC9933;
&::after{ &::after{
background: #4497F8;
background: #FC9933;
} }
} }
} }
@ -152,7 +152,7 @@
} }
&:hover{ &:hover{
.practise-sub{ .practise-sub{
color: #4497F8;
color: #FC9933;
} }
} }
} }

10
src/views/media/videoLearning/index.scss

@ -70,7 +70,7 @@
} }
&.action { &.action {
background: #4497F8;
background: #FC9933;
.model-img { .model-img {
display: none; display: none;
@ -126,10 +126,10 @@
} }
&.action { &.action {
color: #4497F8;
color: #FC9933;
&::after { &::after {
background: #4497F8;
background: #FC9933;
} }
} }
} }
@ -201,10 +201,10 @@
} }
&:hover { &:hover {
.practise-sub { .practise-sub {
color: #4497F8;
color: #FC9933;
} }
.practise-time { .practise-time {
color: #4497F8;
color: #FC9933;
} }
} }
} }

6
src/views/noticeBoard/index.scss

@ -33,7 +33,7 @@
&:hover{ &:hover{
.li-detail{ .li-detail{
.detail-writing{ .detail-writing{
color: #4497F8;
color: #FC9933;
} }
} }
} }
@ -71,7 +71,7 @@
justify-content: center; justify-content: center;
margin-bottom: 74px; margin-bottom: 74px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background: #4497F8;
background: #FC9933;
} }
} }
} }
@ -112,7 +112,7 @@
justify-content: center; justify-content: center;
margin-bottom: 74px; margin-bottom: 74px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background: #4497F8;
background: #FC9933;
} }
} }
} }

2
src/views/product/index.scss

@ -97,7 +97,7 @@
justify-content: center; justify-content: center;
margin-bottom: 74px; margin-bottom: 74px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background: #4497F8;
background: #FC9933;
} }
} }
} }

14
src/views/recruitment/index.scss

@ -51,7 +51,7 @@
color: #333333; color: #333333;
cursor: pointer; cursor: pointer;
&.active{ &.active{
background: #4497F8;
background: #FC9933;
color: #ffffff; color: #ffffff;
} }
&:first-child{ &:first-child{
@ -139,7 +139,7 @@
justify-content: center; justify-content: center;
margin-bottom: 64px; margin-bottom: 64px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background: #4497F8;
background: #FC9933;
} }
} }
} }
@ -148,7 +148,7 @@
height: 540px; height: 540px;
padding: 8px 26px 0; padding: 8px 26px 0;
box-sizing: border-box; box-sizing: border-box;
border-top: 4px solid #4497F8;
border-top: 4px solid #FC9933;
border-radius: 10px; border-radius: 10px;
background: #F8F8F8; background: #F8F8F8;
margin-bottom: 24px; margin-bottom: 24px;
@ -163,13 +163,13 @@
.write-title{ .write-title{
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: #4497F8;
color: #FC9933;
margin-bottom: 12px; margin-bottom: 12px;
} }
.write-sub{ .write-sub{
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4497F8;
color: #FC9933;
} }
} }
.header-img{ .header-img{
@ -206,8 +206,8 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
/deep/ .el-button--primary { /deep/ .el-button--primary {
background-color: #4497F8;
border-color: #4497F8;
background-color: #FC9933;
border-color: #FC9933;
} }
.el-button--default { .el-button--default {
margin-left: 0; margin-left: 0;

6
src/views/recruitment/index.vue

@ -11,7 +11,7 @@
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<!-- 顶部跳转banner --> <!-- 顶部跳转banner -->
<div class="guide">
<!-- <div class="guide">
<div class="guide-drive" @click="tapJumpLink('drive')"> <div class="guide-drive" @click="tapJumpLink('drive')">
<img <img
class="guide-img" class="guide-img"
@ -24,7 +24,7 @@
src="../../assets/zlxcimgs/second_icon_jiashichangshi@2x.png" src="../../assets/zlxcimgs/second_icon_jiashichangshi@2x.png"
> >
</div> </div>
</div>
</div> -->
<!-- 驾校区域 --> <!-- 驾校区域 -->
<div class="driving-demeanor"> <div class="driving-demeanor">
<!-- 驾校列表 --> <!-- 驾校列表 -->
@ -48,7 +48,7 @@
<div class="node-info"> <div class="node-info">
<div class="info-title">{{item.schoolName}}</div> <div class="info-title">{{item.schoolName}}</div>
<div class="info-score"> <div class="info-score">
<el-rate class="score-rate" :value="item.starLevel" disabled text-color="#ff9900"></el-rate>
<!-- <el-rate class="score-rate" :value="item.starLevel" disabled text-color="#ff9900"></el-rate> -->
<p class="score-nub">{{item.starLevel}}</p> <p class="score-nub">{{item.starLevel}}</p>
</div> </div>
<div class="info-address"> <div class="info-address">

4
src/views/theoreticalStudy/examDnotpass/index.scss

@ -21,7 +21,7 @@
margin-right: 20px; margin-right: 20px;
} }
.fraction-num{ .fraction-num{
color: #4497F8;
color: #FC9933;
font-size: 22px; font-size: 22px;
font-weight: 500; font-weight: 500;
line-height: 22px; line-height: 22px;
@ -55,7 +55,7 @@
.exam-backtrack{ .exam-backtrack{
width: 104px; width: 104px;
height: 34px; height: 34px;
background: #4497F8;
background: #FC9933;
border-radius: 4px; border-radius: 4px;
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #FFFFFF;

4
src/views/theoreticalStudy/examPassed/index.scss

@ -21,7 +21,7 @@
margin-right: 20px; margin-right: 20px;
} }
.fraction-num{ .fraction-num{
color: #4497F8;
color: #FC9933;
font-size: 22px; font-size: 22px;
font-weight: 500; font-weight: 500;
line-height: 22px; line-height: 22px;
@ -55,7 +55,7 @@
.exam-backtrack{ .exam-backtrack{
width: 104px; width: 104px;
height: 34px; height: 34px;
background: #4497F8;
background: #FC9933;
border-radius: 4px; border-radius: 4px;
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #FFFFFF;

32
src/views/theoreticalStudy/practisePage/index.scss

@ -18,7 +18,7 @@
.title-line{ .title-line{
width: 4px; width: 4px;
height: 22px; height: 22px;
background: #4497F8;
background: #FC9933;
margin-right: 10px; margin-right: 10px;
} }
.title-name{ .title-name{
@ -95,16 +95,16 @@
&.is-checked { &.is-checked {
.el-radio__inner { .el-radio__inner {
border-color: #4497F8;
background: #4497F8;
border-color: #FC9933;
background: #FC9933;
&:hover { &:hover {
border-color: #4497F8;
border-color: #FC9933;
} }
} }
} }
&.is-checked+.el-radio__label { &.is-checked+.el-radio__label {
color: #4497F8;
color: #FC9933;
} }
} }
@ -143,16 +143,16 @@
&.is-checked { &.is-checked {
.el-checkbox__inner { .el-checkbox__inner {
border-color: #4497F8;
background: #4497F8;
border-color: #FC9933;
background: #FC9933;
&:hover { &:hover {
border-color: #4497F8;
border-color: #FC9933;
} }
} }
} }
&.is-checked+.el-checkbox__label { &.is-checked+.el-checkbox__label {
color: #4497F8;
color: #FC9933;
} }
} }
@ -196,7 +196,7 @@
.choose{ .choose{
width: 104px; width: 104px;
height: 34px; height: 34px;
background: #4497F8;
background: #FC9933;
border-radius: 4px; border-radius: 4px;
margin-right: 26px; margin-right: 26px;
font-size: 16px; font-size: 16px;
@ -218,7 +218,7 @@
.show{ .show{
width: 104px; width: 104px;
height: 34px; height: 34px;
background: #4497F8;
background: #FC9933;
border-radius: 4px; border-radius: 4px;
margin-right: 26px; margin-right: 26px;
font-size: 16px; font-size: 16px;
@ -246,11 +246,11 @@
.auto-choose{ .auto-choose{
margin-right: 82px; margin-right: 82px;
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner{ /deep/ .el-checkbox__input.is-checked .el-checkbox__inner{
background-color: #4497F8;
border-color: #4497F8;
background-color: #FC9933;
border-color: #FC9933;
} }
/deep/ .el-checkbox__input.is-checked + .el-checkbox__label{ /deep/ .el-checkbox__input.is-checked + .el-checkbox__label{
color: #4497F8;
color: #FC9933;
} }
} }
.completions{ .completions{
@ -291,7 +291,7 @@
padding: 28px 16px; padding: 28px 16px;
.con-note{ .con-note{
font-size: 16px; font-size: 16px;
color: #4497F8;
color: #FC9933;
line-height: 22px; line-height: 22px;
margin-bottom: 28px; margin-bottom: 28px;
} }
@ -328,7 +328,7 @@
color: #FFFFFF; color: #FFFFFF;
} }
&.correct{ &.correct{
background: #4497F8;
background: #FC9933;
color: #FFFFFF; color: #FFFFFF;
} }
} }

24
src/views/theoreticalStudy/realisticSimulation/index.scss

@ -21,7 +21,7 @@
height: 58px; height: 58px;
border: 1px solid #DADADA; border: 1px solid #DADADA;
font-size: 16px; font-size: 16px;
color: #4497F8;
color: #FC9933;
line-height: 64px; line-height: 64px;
text-align: center; text-align: center;
margin-bottom: 26px; margin-bottom: 26px;
@ -129,13 +129,13 @@
&.is-checked { &.is-checked {
.el-radio__inner { .el-radio__inner {
border-color: #4497F8;
background: #4497F8;
border-color: #FC9933;
background: #FC9933;
} }
} }
&.is-checked+.el-radio__label { &.is-checked+.el-radio__label {
color: #4497F8;
color: #FC9933;
} }
} }
@ -156,16 +156,16 @@
&.is-checked { &.is-checked {
.el-checkbox__inner { .el-checkbox__inner {
border-color: #4497F8;
background: #4497F8;
border-color: #FC9933;
background: #FC9933;
&:hover { &:hover {
border-color: #4497F8;
border-color: #FC9933;
} }
} }
} }
&.is-checked+.el-checkbox__label { &.is-checked+.el-checkbox__label {
color: #4497F8;
color: #FC9933;
} }
} }
@ -183,12 +183,12 @@
line-height: 22px; line-height: 22px;
.outcome { .outcome {
color: #4497F8;
color: #FC9933;
margin-right: 28px; margin-right: 28px;
} }
.answer { .answer {
color: #4497F8;
color: #FC9933;
margin-left: 6px; margin-left: 6px;
} }
} }
@ -235,7 +235,7 @@
.btn { .btn {
width: 102px; width: 102px;
height: 34px; height: 34px;
background: #4497F8;
background: #FC9933;
border-radius: 4px; border-radius: 4px;
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #FFFFFF;
@ -287,7 +287,7 @@
} }
&.correct { &.correct {
background: #4497F8;
background: #FC9933;
color: #FFFFFF; color: #FFFFFF;
} }
} }

Loading…
Cancel
Save