分享一個基于vue的環形菜單組件

myeveryheart 發布于2019-08-20 18:36 / 3723人閱讀

摘要：是一個應用于移動端的快速導航組件。它擁有炫酷的展開和收起時的動畫效果。它支持自定義菜單的顯示位置，菜單的數量，顏色等屬性。

vue-quick-menu是一個應用于移動端的快速導航組件。它擁有炫酷的展開和收起時的動畫效果。它支持自定義菜單的顯示位置，菜單的數量，顏色等屬性。

demo

安裝

通過NPM安裝

npm install vue-quick-menu --save

插件應用

這是一個使用的例子



import Vue from "vue"
import quickMenu from "vue-quick-menu"

export default {
  ...
  components: {
    quickMenu
  },
  ...
}

插件參數

Property	Type	Default	Description
menuCount	Number	4	導航菜單的數量可選2，3，4
menuUrlList	Array	-	菜單的url的數組
iconClass	Array	-	菜單項的圖標
position	top-left,top-right,bottom-left or bottom-right	top-left	菜單的位置
backgroundColor	String	#009dc7	菜單的背景色
color	String	#ffffff	菜單圖標的顏色
isOpenNewTab	Boolean	false	是否在原窗口打開菜單指向的url

最后推薦一下輪子工廠--一個分享vue,angular優秀組件的網站

云服務器 GPU云服務器 vue組件 vue組件開發 vue父子組件通訊 vue輪播組件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84744.html

基于vue的svg進度條組件

摘要：基于的簡單的進度條在線在線是什么是一款基于項目二次開發的組件功能特性零依賴體積小目前支持圓環矩形的進度條配置多滿足多樣需求持續維護安裝使用詳細介紹普通模式引入例子詳細介紹配置參數進度條類型進度條的初始值 svg-progress-bar 基于Vue.js的簡單的svg進度條 showImg(https://segmentfault.com/img/remote/146000001282...

fasss 2019-08-22 13:46 評論0 收藏0
iView 發布 3.0 版本，以及開發者社區等 5 款新產品

摘要：相對時間組件錨點組件面板分割組件分割線組件單元格組件相對時間組件用于表示幾分鐘前幾小時前等相對于此時此刻的時間描述。單元格組件在手機上比較常見，在上則常用于固定的側邊菜單項。開發者社區這是發布會最勁爆的一款產品了。 showImg(https://segmentfault.com/img/bVbeuj6?w=2864&h=1458); 7 月 28 日，我們成功地召開了 iView 3...

FreeZinG 2019-08-23 10:31 評論0 收藏0
JavaScript精編干貨

摘要：老姚淺談怎么學鑒于時不時，有同學私信問我老姚，下同怎么學前端的問題。擼碼聽歌，全局控制。淺析用 js 解析 xml 的方法由于項目上需要解析 xml，于是各種百度，然后自己總結了下各個主流瀏覽器解析 xml 的方法，只能是很淺顯的知道他的用法，但是還沒有深層次的研究。裝 X - 建立自己的斗圖網站庫之前加過一個斗圖群，看到很多經典的表情，然后就收藏到了 QQ，迫于本屌絲開不起...

Fourierr 2019-08-21 18:46 評論0 收藏0
當大多數人對Vue理解到爐火純青的時候，是不是該思考一下怎么讓vue頁面騷氣起來

寫在前面當大多數人Vue理解的爐火純青的時候，你應該思考怎么讓vue頁面騷氣起來，下面就我個人在接觸Vue兩年的時間里，在實際工作中門戶網站在前端頁面交互應用和技巧，炒幾道小菜給大家分享一哈，我把它封裝成一個項目vue-portal-webUI（github源碼），不敢說是UI，但也是各種常見常遇到的情景吧，看懂代碼需要一些vue、axios、es6、scss基礎、數據基本上是mock，功能和場...

lingdududu 2019-08-26 12:12 評論0 收藏0