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

你是否臨下班前接到開發一個FAB組件的需求？ 是否業務量巨大到加班還搞不定的情況下可惡的產品經理卻還要求明天前開發一個高度自定義的FAB組件然后又對現有的組件不滿意？ 又或者滿意的組件使用的框架與現有業務不符？ 那么 如果你是Vue開發者且有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 兩種圖標 根據readme.md操作 即可使用 Material Icons 或者iconfont

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

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

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

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

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

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

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

每個菜單項出現的延遲時間

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

子菜單標題 樣式

等 方便開發的各項API

vue-float-action-button 使用Vue開發 開發環境為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