Browse Source

前端页面改造

master
unknown 10 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;
}
.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{
border-color: #4497F8;
background: #4497F8;
border-color: #FC9933;
background: #FC9933;
opacity: 0.6;
}
@media only screen and (min-width: 1200px) {

2
src/components/foot.scss

@ -3,7 +3,7 @@
width: 100%;
background: #ECECED;
// .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:visited{text-decoration:none ; cursor:pointer;}/*a标签访问过之后样式*/
.connect-a:active{text-decoration:none;cursor:pointer;}/*a标签鼠标按下mousedown时的样式*/

15
src/components/swiperCoach.vue

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

91
src/components/swiperSchool.vue

@ -3,28 +3,28 @@
<template>
<div>
<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">
<img :src="item.chargeBulletinBoard" alt="">
</div>
<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>
</div>
</swiper-slide>
<!-- <div class="swiper-pagination" slot="pagination"></div> -->
</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-next2" slot="button-next"> </div> -->
</div>
</div>
</template>
@ -37,24 +37,36 @@ export default {
return {
swiperOption: {
loop: true,
autoplay: 3000,
autoplay: 2000,
slidesPerView: 'auto',
speed: 600,
slidesPerView: 4,
spaceBetween: 16,
// prevButton: '.swiper-button-prev2',
// nextButton: '.swiper-button-next2',
// pagination: '.swiper-pagination',
preventClicks: false,
loopedSlides :4,
paginationClickable: true,
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>
@ -62,6 +74,7 @@ export default {
<style lang="scss" scoped>
.slide1 {
transition: .2s;
&:hover {
transform: scale(1.05);
}
@ -71,6 +84,7 @@ export default {
padding: 20px 0;
height: 351px;
}
.swiper-slide_inner {
width: 280px;
height: 313px;
@ -83,20 +97,24 @@ export default {
width: 100%;
background: #f6f6f6;
height: 220px;
img {
width: 100%;
height: 100%;
display: block;
}
}
.text {
padding: 20px 0 0 20px;
// border: 1px solid #949494;
box-sizing: border-box;
// border-top: none;
.txt {
font-size: 18px;
color: #333;
&:first-child {
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-size: 27px 44px;
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-size: 27px 44px;
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{
.li-text{
.text{
color: #4497F8;
color: #FC9933;
}
}
}
@ -173,7 +173,7 @@
justify-content: center;
margin-bottom: 74px;
/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;
}
/deep/ .el-button--primary {
background-color: #4497F8;
border-color: #4497F8;
background-color: #FC9933;
border-color: #FC9933;
}
.type-select{
display: flex;
@ -49,7 +49,7 @@
margin-right: 24px;
}
&.is-action{
background:#4497F8;
background:#FC9933;
color: #FFFFFF;
}
}

6
src/views/contact/index.vue

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

6
src/views/culture/index.scss

@ -33,7 +33,7 @@
&:hover{
.li-detail{
.detail-writing{
color: #4497F8;
color: #FC9933;
}
}
}
@ -71,7 +71,7 @@
justify-content: center;
margin-bottom: 74px;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background: #4497F8;
background: #FC9933;
}
}
}
@ -112,7 +112,7 @@
justify-content: center;
margin-bottom: 74px;
/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;
height: 48px;
border-radius: 10px;
background: #4497F8;
background: #FC9933;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
@ -158,9 +158,9 @@
}
/deep/ .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
border-top: 2px solid #4497F8;
border-top: 2px solid #FC9933;
background: #FFFFFF;
color: #4497F8;
color: #FC9933;
}
.pane-title {
@ -313,7 +313,7 @@
.address-text {
font-size: 16px;
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 class="demeanor-btn">报名咨询</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">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
@ -77,87 +116,22 @@
</div>
</div>
</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">
<div class="pane-title">
<p class="title-circle"></p>
<p class="title-text">班型</p>
</div>
<div class="pane-table">
<el-table :data="tableData" border style="width: 100%">
<el-table-column prop="classModel" label="驾照类型" width="180">
</el-table-column>
<el-table-column prop="className" label="班型" width="180">
</el-table-column>
<el-table-column prop="totalPrice" label="学车总金额 (元)">
<el-table-column prop="totalPrice" label="套餐金额 (元)">
</el-table-column>
<el-table-column prop="remark" label="班型介绍">
<el-table-column prop="remark" label="套餐属性">
</el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="报名地址" name="registration">
<el-tab-pane label="地址电话" name="registration">
<div class="pane-title">
<p class="title-circle"></p>
<p class="title-text">报名地址</p>
@ -169,9 +143,7 @@
/>
<p class="address-text">{{ dataSheetDetail.address }}</p>
</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-text">报名咨询</p>
</div>

4
src/views/driveKnowledge/index.scss

@ -121,7 +121,7 @@
&:hover {
.li-caption {
color: #4497F8;
color: #FC9933;
}
}
}
@ -133,7 +133,7 @@
justify-content: center;
margin-bottom: 74px;
/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;
cursor: pointer;
&:hover{
background: #4497F8;
background: #FC9933;
.info{
.info-title{
color: #FFFFFF;
@ -105,7 +105,7 @@
.info-title{
font-size: 18px;
font-weight: 500;
color: #4497F8;
color: #FC9933;
// overflow: hidden;
// text-overflow:ellipsis;
// white-space: nowrap;

8
src/views/home/index.scss

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

2
src/views/home/index.vue

@ -418,7 +418,7 @@ export default {
swiperCoachlList: [], //
score: 4.5,
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,
width:'100%',
height:'100%'

4
src/views/hospitalMap/index.scss

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

14
src/views/instructor/index.scss

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

8
src/views/instructor/index.vue

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

13
src/views/layout/Wrapper.vue

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

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

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

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

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

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

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

6
src/views/noticeBoard/index.scss

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

6
src/views/recruitment/index.vue

@ -11,7 +11,7 @@
</el-breadcrumb>
</div>
<!-- 顶部跳转banner -->
<div class="guide">
<!-- <div class="guide">
<div class="guide-drive" @click="tapJumpLink('drive')">
<img
class="guide-img"
@ -24,7 +24,7 @@
src="../../assets/zlxcimgs/second_icon_jiashichangshi@2x.png"
>
</div>
</div>
</div> -->
<!-- 驾校区域 -->
<div class="driving-demeanor">
<!-- 驾校列表 -->
@ -48,7 +48,7 @@
<div class="node-info">
<div class="info-title">{{item.schoolName}}</div>
<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>
</div>
<div class="info-address">

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

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

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

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

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

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

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

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

Loading…
Cancel
Save