bpit vueダウンロード-BPIT 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はそれらを収集し、カプセル化し、それらを容易にします。

簡単にインストール&&オンデマンド&&すべてを1つの場所でインストールする

オンデマンドでインポートします

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 >