bpit vue下載 - bpit vue源代碼下載

bpit vue

三方組件

1.0.0

下載

bpit-vue

簡介

什麼是bpit/vue？

bpit/vue不是組件UI套件，我們沒有這些組件的一致主題，而只是效果組件的集合。

BPIT/VUE是初學者學習如何創建其UI套件的好地方。現在，這只是我可以從互聯網（Codepen，github ...）收集的效果的展示，並轉移到了things

我們的重點是什麼？

我們專注於功能圍欄以外的這些組件的效果。這就是為什麼它不是UI套件的原因。

我們花費更多時間在CSS部分，並希望使其更加通用和易於使用，因此我們將它們封裝在VUE組件/指令中。

為什麼我們需要它？

互聯網上有很多資源，我們可以利用它們來節省時間並提高效率。 bpit/vue收集它們，封裝它們，插入它們。

安裝Easy &&按需導入&&所有內容

按需進口

NPM安裝babel-plugin-import-save-dev

babel.config.js

plugins: [
  [
    "import" ,
    {
      libraryName : "@bpit/vue" ,
      camel2DashComponentName : false ,
      customName : name => {
        return `@bpit/vue/src/components/ ${ name } `
      }
    }
  ]
]

導入組件

 import { FlockBanner , FAB , FlockButton } from "@bpit/vue"

const FABItem = FAB . FABItem
const FABTrigger = FAB . FABTrigger
const FABContainer = FAB . FABContainer

樣本

 < FlockBanner > This is a banner! </ FlockBanner >
< FlockButton > Submit </ FlockButton >
< FABContainer :expand =" expand " >
  < FABItem @click =" test " href =" # " style =" background-color:red " tooltip =" Google+ "
    > A </ FABItem
  >
  < FABItem href =" # " tooltip =" Google+ " > B </ FABItem >
  < FABItem href =" # " tooltip =" Google+ " > C </ FABItem >
  < FABItem href =" # " tooltip =" Google+ " > D </ FABItem >
  < FABTrigger @click =" test " class =" trigger " tooltip =" share " > </ FABTrigger >
</ FABContainer >