高亮活动导航
/* 不精准 */
.router-link-active {
position: relative;
color: hsl(280deg, 100%, 90%);
}
.router-link-active::before {
content: "";
position: absolute;
width: 3px;
height: 100%;
background: hsl(280deg, 100%, 70%);
left: -14px;
}
/* 精准 */
.router-link-exact-active {
position: relative;
color: hsl(280deg, 100%, 90%);
}
.router-link-exact-active::before {
content: "";
position: absolute;
width: 3px;
height: 100%;
background: hsl(280deg, 100%, 70%);
left: -14px;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
编辑 (opens new window)
上次更新: 2023/04/01, 15:26:22