亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

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

myeveryheart / 3788人閱讀

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

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

demo

安裝

通過(guò)NPM安裝

npm install vue-quick-menu --save
插件應(yīng)用

這是一個(gè)使用的例子



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 是否在原窗口打開(kāi)菜單指向的url

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/84744.html

相關(guān)文章

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

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

    fasss 評(píng)論0 收藏0

  • iView 發(fā)布 3.0 版本，以及開(kāi)發(fā)者社區(qū)等 5 款新產(chǎn)品

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

    FreeZinG 評(píng)論0 收藏0

  • JavaScript精編干貨

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

    Fourierr 評(píng)論0 收藏0

  • 當(dāng)大多數(shù)人對(duì)Vue理解到爐火純青的時(shí)候，是不是該思考一下怎么讓vue頁(yè)面騷氣起來(lái)

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

    lingdududu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<