成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

myeveryheart / 3721人閱讀

摘要：是一個應(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 - 菜單項的圖標(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)站

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

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

相關(guān)文章

  • 基于vue的svg進度條組件

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

    fasss 評論0 收藏0

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

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

    FreeZinG 評論0 收藏0

  • JavaScript精編干貨

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

    Fourierr 評論0 收藏0

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

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

    lingdududu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<