526互联

js方式实现hover效果以及鼠标放到一级分类显示二级分类的两种方式

发布时间 2023-08-03 01:24:42作者: sgj191024

mouse over时 this.currentIndex = index,给item项加动态样式 :class="{ cur : currentIndex==index}"

.cur{

background-color: skyblue;

}

 

方式一：

在二级分类的平级

&表示二级分类的上一级

&:hover {
                        //     .item-list {
                        //         display: block;
                        //     }
                        // }
 
方式二：css写法
.item:hover .item-list{
                        //display: block;
                    }