今天看啥  ›  专栏  ›  前端大全

用 Vue 做一个酷炫的 menu

前端大全  · 公众号  · 前端  · 2017-11-18 20:48
    

文章预览

(点击 上方公众号 ,可快速关注) 作者:MingSeng-W https://my.oschina.net/u/3727086/blog/1573075 如果好文章投稿,点击 → 了解详情 写在前面 最近看到一个非常酷炫的menu插件,一直想把它鼓捣成vue形式,谁让我是vue的死灰粉呢,如果这都不算爱😔。😆开个小玩笑,我们一起来探索黑魔法吧。观看本教程的读者需要具备一定的vue和css3的知识。 本文结构 1.效果演示 2.使用方法介绍 3.关键步骤讲解 正文 1.效果演示   pic_1   pic2   pic_3 在线演示 :https://mingseng-w.github.io/vue-bloom-menu/ 2.使用介绍 项目地址:github.com/MingSeng-W/vue-bloom-menu,clone项目到本地 a. 首先在单文件组件里引入menu组件,导入common文件夹stylus里的menuConfig.stylus. b.配置相应的参数 可选参数 radius:default为100px,item距离men ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览