تنزيل bpit vue - تنزيل رمز المصدر bpit vue

bpit vue

مكونات الطرف الثالث

1.0.0

تنزيل

BPIT-VUE

مقدمة

ما هو BPIT/VUE؟

BPIT/VUE ليست مجموعة واجهة المستخدم مكون ، لم يكن لدينا السمة الثابت لهذه المكونات ، إنها مجرد مجموعة من مكونات التأثيرات.

يعد BPIT/VUE مكانًا جيدًا للمبتدئين لمعرفة كيفية إنشاء مجموعات واجهة المستخدم الخاصة بهم. الآن ، إنه مجرد عرض للتأثيرات التي يمكنني جمعها من الإنترنت (Codepen ، Github ...) ونقلها إلى things

ماذا نركز؟

نحن نركز على آثار هذه المكونات بخلاف الوظائف. لهذا السبب ليس مجموعة واجهة المستخدم.

نأخذ المزيد من الوقت في جزء CSS ونأمل أن نجعله أكثر عمومية وسهلة الاستخدام ، لذلك نقوم بتغليفها في مكون/توجيهات VUE.

لماذا نحتاجه؟

هناك العديد من الموارد على الإنترنت ، يمكننا الاستفادة منها لتوفير الوقت وأن نكون أكثر كفاءة. BPIT/VUE يجمعها ، وتغلفهم ، ويؤمن لهم.

قم بتثبيت Easy && issor on الطلب

الاستيراد عند الطلب

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 >