+
+
+
+ -
+
+ {{ item.courseName }}
+
+
+
+
+
-
-
{{ item.name }}
+
+
+
+
+

+
暂无课程
-
-
-
-
- - 课程分类:
- - 不限
- - {{ item.classificationName }}
-
-
- - 课程类型:
- - {{ item.name }}
-
-
-
-
-
-
-
-
- -
-
- {{ item.courseName }}
-
-
-
-
-
-
-
-
-
-

-
暂无课程
-
-
-
+
+
@@ -225,9 +256,9 @@ export default {
padding: 100px 0 130px;
text-align: center;
background: url(../../../assets/img/course-bg2.png) (73px 50px)/250px auto no-repeat,
- url(../../../assets/img/course-bg4.png) (top left)/auto no-repeat,
- url(../../../assets/img/course-bg3.png) (top right)/auto no-repeat,
- url(../../../assets/img/course-bg1.png) 0 0/100% 100% no-repeat;
+ url(../../../assets/img/course-bg4.png) (top left) / auto no-repeat,
+ url(../../../assets/img/course-bg3.png) (top right) / auto no-repeat,
+ url(../../../assets/img/course-bg1.png) 0 0/100% 100% no-repeat;
h6 {
margin-bottom: 25px;
font-size: 26px;
@@ -269,8 +300,8 @@ export default {
border-bottom: 3px solid transparent;
cursor: pointer;
&.active {
- color: #007EFF;
- border-color: #007EFF;
+ color: #007eff;
+ border-color: #007eff;
}
}
}
@@ -305,14 +336,14 @@ export default {
.courses {
position: relative;
padding: 10px 0 20px;
- background: url(../../../assets/img/course3.png) 0 0/auto no-repeat;
+ background: url(../../../assets/img/course3.png) 0 0 / auto no-repeat;
.course-bg {
- position: absolute;
- top: 0;
- right: 0;
- width: 602px;
- height: 100%;
- background: url(../../../assets/img/course4.png) (0 -100px)/140% 140% no-repeat;
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 602px;
+ height: 100%;
+ background: url(../../../assets/img/course4.png) (0 -100px)/140% 140% no-repeat;
}
ul {
position: relative;
@@ -334,11 +365,11 @@ export default {
img {
width: 100%;
height: 165px;
- transition: .3s;
+ transition: 0.3s;
}
.title {
margin: 10px 0 5px;
- color: #0B1D30;
+ color: #0b1d30;
font-size: 16px;
word-wrap: break-word;
word-break: break-all;
@@ -352,7 +383,7 @@ export default {
background-color: #f00;
}
.desc {
- color: #757F92;
+ color: #757f92;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
@@ -366,36 +397,37 @@ export default {
}
}
.type {
- display: inline-block;
- padding: 2px 10px;
- border-radius: 20px;
- color: #1cdbb8;
- border: 1px solid;
+ display: inline-block;
+ padding: 2px 10px;
+ border-radius: 20px;
+ color: #1cdbb8;
+ border: 1px solid;
}
.metas {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: 10px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 10px;
}
.meta {
- color: #a9a9a9;
- font-size: 12px;
+ color: #a9a9a9;
+ font-size: 12px;
}
.collect {
- font-size: 20px;
+ font-size: 20px;
}
&:hover {
- box-shadow: 0px 5px 12px 4px rgba(142, 123, 253, 0.09), 0px 3px 6px 0px rgba(142, 123, 253, 0.12), 0px 1px 2px -2px rgba(142, 123, 253, 0.16);
+ box-shadow: 0px 5px 12px 4px rgba(142, 123, 253, 0.09), 0px 3px 6px 0px rgba(142, 123, 253, 0.12),
+ 0px 1px 2px -2px rgba(142, 123, 253, 0.16);
img {
- transform: scale(1.05);
+ transform: scale(1.05);
}
}
}
@media (max-width: 1700px) {
- li {
- width: calc(25% - 20px);
- }
+ li {
+ width: calc(25% - 20px);
+ }
}
}
}
diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue
index 0303aaa..d25753a 100644
--- a/src/pages/index/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -352,9 +352,9 @@
alt="">
-
售前咨询
+
产品咨询
郭晶
+ style="margin-bottom: 5px">郭老师
17671782660