diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue
index 471f227..55cdf1a 100644
--- a/src/layouts/navbar/index.vue
+++ b/src/layouts/navbar/index.vue
@@ -3,7 +3,7 @@
-
{{item.title}}
-
@@ -119,6 +119,7 @@ export default {
toInfo(e, column) {
e.stopPropagation()
const { id } = column
+ this.active = '/info/list'
this.columnActive = id
this.$router.push(`/info?parentId=${id}&name=${column.name}`)
}
@@ -147,6 +148,11 @@ export default {
color: $main-color;
border-bottom-color: $main-color;
}
+ &:hover {
+ .children {
+ display: flex;
+ }
+ }
}
.children {
position: absolute;
diff --git a/src/pages/course/details/index.vue b/src/pages/course/details/index.vue
index 1678b25..c423b46 100644
--- a/src/pages/course/details/index.vue
+++ b/src/pages/course/details/index.vue
@@ -43,8 +43,8 @@
- ...
-
+
+
@@ -313,6 +313,7 @@ $height: 700px;
}
.desc-wrap{
position: relative;
+ width: 250px;
.desc{
font-size: 14px;
color: #fff;
@@ -326,24 +327,24 @@ $height: 700px;
.arrow{
position: absolute;
bottom: 2px;
- right: 0;
+ right: -30px;
display: flex;
justify-content: space-between;
- width: 46px;
- background-color: #fff;
+ width: 30px;
+ background-color: #252528;
span{
font-size: 14px;
- color: rgba(0, 0, 0, 0.65);
+ color: #fff;
}
- img{
- width: 16px;
- cursor: pointer;
+ i{
+ color: #fff;
+ cursor: pointer;
}
&.active{
span{
opacity: 0;
}
- img{
+ i{
transform: rotate(180deg);
}
}
diff --git a/src/pages/station/list/index.vue b/src/pages/station/list/index.vue
index 36bb54b..b3943f1 100644
--- a/src/pages/station/list/index.vue
+++ b/src/pages/station/list/index.vue
@@ -33,6 +33,7 @@