diff --git a/src/assets/common.css b/src/assets/common.css index 494bc70..5f41a33 100644 --- a/src/assets/common.css +++ b/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) { diff --git a/src/components/foot.scss b/src/components/foot.scss index f1f38d3..41e311d 100644 --- a/src/components/foot.scss +++ b/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时的样式*/ diff --git a/src/components/swiperCoach.vue b/src/components/swiperCoach.vue index b0e35e9..ab957ff 100644 --- a/src/components/swiperCoach.vue +++ b/src/components/swiperCoach.vue @@ -18,8 +18,8 @@ -
-
+
+
@@ -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; diff --git a/src/components/swiperSchool.vue b/src/components/swiperSchool.vue index 9015ab9..b024cbe 100644 --- a/src/components/swiperSchool.vue +++ b/src/components/swiperSchool.vue @@ -3,28 +3,28 @@ @@ -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 + } + }) + } } } @@ -62,6 +74,7 @@ export default { \ No newline at end of file + top: 50%; + width: 27px; + height: 44px; + right: 30px; + // margin-right: 20px; + margin-top: -22px; + z-index: 10; + cursor: pointer; +} \ No newline at end of file diff --git a/src/views/about/index.scss b/src/views/about/index.scss index ebad363..ec7bc56 100644 --- a/src/views/about/index.scss +++ b/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; } } } diff --git a/src/views/contact/index.scss b/src/views/contact/index.scss index 0b0d8e2..4f1a958 100644 --- a/src/views/contact/index.scss +++ b/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; } } diff --git a/src/views/contact/index.vue b/src/views/contact/index.vue index c52f7c6..4c61d59 100644 --- a/src/views/contact/index.vue +++ b/src/views/contact/index.vue @@ -41,12 +41,12 @@ - + 提交 重置 diff --git a/src/views/culture/index.scss b/src/views/culture/index.scss index 89fc453..39fb537 100644 --- a/src/views/culture/index.scss +++ b/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; } } } diff --git a/src/views/driveDetail/index.scss b/src/views/driveDetail/index.scss index c7323d0..d717e09 100644 --- a/src/views/driveDetail/index.scss +++ b/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; + + } + } +} diff --git a/src/views/driveDetail/index.vue b/src/views/driveDetail/index.vue index 3dee3c5..eab5f97 100644 --- a/src/views/driveDetail/index.vue +++ b/src/views/driveDetail/index.vue @@ -50,6 +50,45 @@
报名咨询
+ + +
+
+
+
0
+
+
+
报名费
+
+
+
+
100
+
+
+
课时单价
+
+
+
+
100
+
+
+
车辆数
+
+
+
+
100
+
+
+
教练数
+
+
+
+
100
+
+
+
预约数
+
+
@@ -77,87 +116,22 @@
- -
-

-

教练员

-
-
-
-
- -
-
-
{{item.coachName}}
-
- -

{{item.starLevel}}分

-
-
-

- 所属驾校:{{ dataSheetDetail.schoolName }} -

-
-
-

准教车型:{{item.driveModel}}

-
-
-
-
-
- -
-

-

教练车

-
-
-
- -
-
- -
-
- -
-
-
+ -
-

-

班型

-
- + - +
- +

报名地址

@@ -169,9 +143,7 @@ />

{{ dataSheetDetail.address }}

-
- -
+

报名咨询

diff --git a/src/views/driveKnowledge/index.scss b/src/views/driveKnowledge/index.scss index dc75078..4517623 100644 --- a/src/views/driveKnowledge/index.scss +++ b/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; } } } diff --git a/src/views/drivingMap/index.scss b/src/views/drivingMap/index.scss index bf7573e..522d57f 100644 --- a/src/views/drivingMap/index.scss +++ b/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; diff --git a/src/views/home/index.scss b/src/views/home/index.scss index 6fb6852..141ac41 100644 --- a/src/views/home/index.scss +++ b/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; } } diff --git a/src/views/home/index.vue b/src/views/home/index.vue index d6e8d95..331e448 100644 --- a/src/views/home/index.vue +++ b/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%' diff --git a/src/views/hospitalMap/index.scss b/src/views/hospitalMap/index.scss index 93066af..93be5ef 100644 --- a/src/views/hospitalMap/index.scss +++ b/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; diff --git a/src/views/instructor/index.scss b/src/views/instructor/index.scss index f713fd2..407b266 100644 --- a/src/views/instructor/index.scss +++ b/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 { diff --git a/src/views/instructor/index.vue b/src/views/instructor/index.vue index a8aa2d9..e0f501d 100644 --- a/src/views/instructor/index.vue +++ b/src/views/instructor/index.vue @@ -11,7 +11,7 @@
-
+
@@ -48,8 +48,8 @@
{{item.coachName}}
- -

{{item.starLevel}}分

+ +

{{item.starLevel || 0}}分

所属驾校:{{item.schoolName ? item.schoolName : ''}}

diff --git a/src/views/layout/Wrapper.vue b/src/views/layout/Wrapper.vue index cb4bb89..9c58316 100644 --- a/src/views/layout/Wrapper.vue +++ b/src/views/layout/Wrapper.vue @@ -44,18 +44,13 @@ :class="activeTab === 'home' ? 'is-active' : ''" to="/home" >首页 - 曝光台 - - + >曝光台 --> - - -
投诉建议
-
+
diff --git a/src/views/media/graduation/index.scss b/src/views/media/graduation/index.scss index 0293b0d..a9905de 100644 --- a/src/views/media/graduation/index.scss +++ b/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; } } } diff --git a/src/views/media/questionBank/index.scss b/src/views/media/questionBank/index.scss index 929a36a..3a96de4 100644 --- a/src/views/media/questionBank/index.scss +++ b/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; } } } diff --git a/src/views/media/videoLearning/index.scss b/src/views/media/videoLearning/index.scss index e2332bf..c45fa3d 100644 --- a/src/views/media/videoLearning/index.scss +++ b/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; } } } diff --git a/src/views/noticeBoard/index.scss b/src/views/noticeBoard/index.scss index 5be74e5..9b55942 100644 --- a/src/views/noticeBoard/index.scss +++ b/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; } } } diff --git a/src/views/product/index.scss b/src/views/product/index.scss index 44cb190..fd4e78e 100644 --- a/src/views/product/index.scss +++ b/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; } } } diff --git a/src/views/recruitment/index.scss b/src/views/recruitment/index.scss index f6769de..8e0e6bd 100644 --- a/src/views/recruitment/index.scss +++ b/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; diff --git a/src/views/recruitment/index.vue b/src/views/recruitment/index.vue index 4fce331..d398d0e 100644 --- a/src/views/recruitment/index.vue +++ b/src/views/recruitment/index.vue @@ -11,7 +11,7 @@
-
+
@@ -48,7 +48,7 @@
{{item.schoolName}}
- +

{{item.starLevel}}分

diff --git a/src/views/theoreticalStudy/examDnotpass/index.scss b/src/views/theoreticalStudy/examDnotpass/index.scss index ea0a25c..874d77e 100644 --- a/src/views/theoreticalStudy/examDnotpass/index.scss +++ b/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; diff --git a/src/views/theoreticalStudy/examPassed/index.scss b/src/views/theoreticalStudy/examPassed/index.scss index 38a74f3..5f09a66 100644 --- a/src/views/theoreticalStudy/examPassed/index.scss +++ b/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; diff --git a/src/views/theoreticalStudy/practisePage/index.scss b/src/views/theoreticalStudy/practisePage/index.scss index b4ae790..4de0bef 100644 --- a/src/views/theoreticalStudy/practisePage/index.scss +++ b/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; } } diff --git a/src/views/theoreticalStudy/realisticSimulation/index.scss b/src/views/theoreticalStudy/realisticSimulation/index.scss index 65d4a94..c904507 100644 --- a/src/views/theoreticalStudy/realisticSimulation/index.scss +++ b/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; } }