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 >