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

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;

                    }