分享一個基于vue的環(huán)形菜單組件

myeveryheart 發(fā)布于2019-08-20 18:36 / 3711人閱讀

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

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

demo

安裝

通過NPM安裝

npm install vue-quick-menu --save

插件應(yīng)用

這是一個使用的例子



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

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

插件參數(shù)

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

最后推薦一下輪子工廠--一個分享vue,angular優(yōu)秀組件的網(wǎng)站

GPU云服務(wù)器云服務(wù)器 vue組件 vue組件開發(fā) vue父子組件通訊 vue輪播組件

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/84744.html

相關(guān)文章

基于vue的svg進(jìn)度條組件

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

fasss 2019-08-22 13:46 評論0 收藏0
iView 發(fā)布 3.0 版本，以及開發(fā)者社區(qū)等 5 款新產(chǎn)品

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

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

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

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

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

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