关于 tab切换 变换样式和 css的问题

来源:3-2 路由配置+ tab 顶导组件开发

慕哥3755432

2019-09-10

.tab
display: flex
height: 44px
line-height: 44px
font-size: $font-size-medium
.tab-item
flex: 1
text-align: center
.tab-link
padding-bottom: 5px
color: $color-text-l
&.router-link-active
.tab-link
color: $color-theme
border-bottom: 2px solid $color-theme

请问这种是什么样的css写法,和less和sass都不一样,&这里也是同级的意思吗?他这里又没有在切换tab的时候添加点击事件,是如何做到切换tab的时候 更新样式的

写回答

2回答

慕哥3755432

提问者

2019-09-10

&.router-link-active

.tab-link

color:red

border-bottom: 2px solid $color-theme

我是没明白  为什么&.router-link-active这样写   而不是 &.router-link:active

0
0

liugezhou

2019-09-10

stylus,需要npm install 两个依赖【stylus】【stylus-loader】

0
0

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程