![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Keyrt
这个作者很懒,什么都没留下…
展开
-
Element + vue 导航栏滑块改版+
Element + vue 导航栏滑块改版+项目中使用了elementui+vue的导航栏模块,需要做到底部滑块跟随鼠标效果,经反复思考及bug修改得以下代码:<template> <div class="y-nav"> <el-row class="nav"> <!-- 将default-active绑定到dfactive上 ...原创 2019-05-27 14:29:50 · 1079 阅读 · 0 评论 -
VUE简易手风琴显示效果
超级简单的手风琴效果,代码核心是根据current值添加active,mouseenter传入index值,将index值赋予current,这样就是添加一个互斥的active,从而实现手风琴效果<template> <div class="ranking-list"> <div class="ranking-title"> <s...原创 2019-05-27 16:12:47 · 2572 阅读 · 4 评论 -
vue 鼠标滚动内容区与侧边导航栏响应效果
<!-- 主内容区 --><div class="container" @mousewheel="scrool"> <!-- 侧边栏区 --> <div class="side-bar"> <ul> <li v-for="(item,index) in menulist" ...原创 2019-05-29 17:41:17 · 2142 阅读 · 0 评论