摘要：你是否臨下班前接到開發(fā)一個組件的需求是否業(yè)務量巨大到加班還搞不定的情況下可惡的產(chǎn)品經(jīng)理卻還要求明天前開發(fā)一個高度自定義的組件然后又對現(xiàn)有的組件不滿意又或者滿意的組件使用的框架與現(xiàn)有業(yè)務不符那么如果你是開發(fā)者且有組件的需求，可以瞅瞅這個組件完

你是否臨下班前接到開發(fā)一個FAB組件的需求？ 是否業(yè)務量巨大到加班還搞不定的情況下可惡的產(chǎn)品經(jīng)理卻還要求明天前開發(fā)一個高度自定義的FAB組件然后又對現(xiàn)有的組件不滿意？ 又或者滿意的組件使用的框架與現(xiàn)有業(yè)務不符？ 那么 如果你是Vue開發(fā)者且有FAB組件的需求，可以瞅瞅這個組件！  
完美支持阿里巴巴ICONFONT 以及 Material Icons 無需擔憂額外依賴
項目地址 https://github.com/a62527776a...

vue-float-action-button是一個美觀、動畫流暢、自定義內容豐富的一個Vue FAB組件

具有以下常用功能：

icon大小分為 big(48px) small(32px) normal(40px) 子icon的大小為主icon的80%

icon支持 Material Icons 以及 阿里巴巴ICONFONT 兩種圖標 根據(jù)readme.md操作 即可使用 Material Icons 或者iconfont

子菜單項的切換支持兩種動畫模式 自由選擇喜歡的動畫模式

兩者的動畫模式是獨立的，您大可分別設置不同的動畫組合

如果您對動畫曲線有特殊要求，可以使用貝塞爾曲線工具自定義您喜歡的貝塞爾曲線

與自定義動畫模式一樣 自定義動畫曲線同樣是獨立的， 您大可多帶帶設置動畫曲線

如果希望用戶在上劃或者網(wǎng)頁向上滾動時的時候讓FAB消失并且反過來顯示，那么vue-float-action-button能滿足你

為了更好的使用體驗，在PC端和移動端的實現(xiàn)上有所不用 分別采用監(jiān)聽頁面滾動(PC)和手指滑動(Mobile) 以達到優(yōu)秀的用戶體驗

除以上之外 vue-float-action-button 還可以自定義

每個菜單項出現(xiàn)的延遲時間

手勢/滾動自動隱藏的閾值

子菜單標題 樣式

等 方便開發(fā)的各項API

vue-float-action-button 使用Vue開發(fā) 開發(fā)環(huán)境為Webpack、ESLint
git項目地址 https://github.com/a62527776a/vue-floating-action-button
在線預覽地址為http://htmlpreview.github.io/...://github.com/a62527776a/vue-floating-action-button/blob/master/demo/dist/index.html
歡迎大家試用、提供批評、意見以及PR Issue Star