ดาวน์โหลด bpit vue - bpit vue Source Source Download

bpit vue

ส่วนประกอบของบุคคลที่สาม

1.0.0

ดาวน์โหลด

bpit-vue

อินโทร

BPIT/VUE คืออะไร?

BPIT/VUE ไม่ใช่ชุด UI ส่วนประกอบเราไม่ได้มีธีมที่สอดคล้องกันสำหรับส่วนประกอบเหล่านี้มันเป็นเพียงคอลเลกชันของส่วนประกอบเอฟเฟกต์

BPIT/VUE เป็นสถานที่ที่ดีสำหรับผู้เริ่มต้นในการเรียนรู้วิธีการสร้างชุด UI ของพวกเขา ตอนนี้มันเป็นเพียงการแสดงเอฟเฟกต์ที่ฉันสามารถรวบรวมได้จากอินเทอร์เน็ต (codepen, gitHub ... ) และถ่ายโอนไปยัง vue things

สิ่งที่เรามุ่งเน้น?

เรามุ่งเน้นไปที่ผลกระทบของส่วนประกอบเหล่านี้นอกเหนือจาก functionailties นั่นเป็นเหตุผลว่าทำไมมันไม่ใช่ชุด UI

เราใช้เวลามากขึ้นในส่วนของ CSS และหวังว่าจะทำให้มันง่ายขึ้นและใช้งานง่ายมากขึ้นดังนั้นเราจึงห่อหุ้มมันไว้ในองค์ประกอบ/คำสั่ง VUE

ทำไมเราถึงต้องการมัน?

มีทรัพยากรมากมายบนอินเทอร์เน็ตเราสามารถใช้ประโยชน์จากการประหยัดเวลาและมีประสิทธิภาพมากขึ้น BPIT/VUE รวบรวมพวกเขาห่อหุ้มไว้

ติดตั้งง่าย && นำเข้าตามความต้องการ && ทุกอย่างในที่เดียว

นำเข้าตามความต้องการ

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 >