&.router-link-active

mac2024-05-18  25

router-link 标签 在选中的时候 会自动给整个标签添加一个 router-link-active的class 你可以根据这个class 设置他的样式。 如果再选中 其他的。 这个class 就会消失 。 从而样式也就会消失.

&:是stylus预处理器的,它是父级的引用

.tab-item flex:1 text-align:center .tab-link padding-bottom :5px color: $color-text-1 &.router-link-active .tab-link color : $color-theme border-bottom :2px solid $color-theme

相当于

.tab-link{ padding-bottom :5px color: $color-text-1 } .tab-item router-link-active .tab-link{ color : $color-theme border-bottom :2px solid $color-theme }

 

最新回复(0)