ดาวน์โหลด vmc - ดาวน์โหลดซอร์สโค้ด vmc

vmc

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

1.0.0

ดาวน์โหลด

VMC

ส่วนประกอบมือถือสำหรับ [email protected]+

หากคุณต้องการใช้ VMC บน Vue1.x ให้ตรวจสอบสาขา @1x

ดูการสาธิต

การแนะนำคุณสมบัติ

VMC เป็นไลบรารีส่วนประกอบที่พัฒนาขึ้นสำหรับขั้วมือถือเหมาะสำหรับ [email protected]+

ส่วนประกอบโลกาภิวัตน์ที่มีความถี่การใช้งานสูงและลงทะเบียนโดยตรงกับวัตถุอินสแตนซ์ Vue;
รูปแบบทั้งหมดขึ้นอยู่กับน้อยลงและอนุญาตให้เริ่มต้นอย่างรวดเร็วของสไตล์ส่วนประกอบโดยการเขียนทับตัวแปรน้อยลง
ในเวลาเดียวกันคุณยังสามารถเลือกใช้ Sass และเรายังจัดทำแผ่นสไตล์ตาม SCSS;
รูปแบบของแต่ละองค์ประกอบสามารถกำหนดเป็นรายบุคคลผ่านแอตทริบิวต์ (เขียนถึงสไตล์เพื่อให้สไตล์โลกที่กำหนดไว้ในน้อยกว่าสามารถเขียนทับได้)

วิธีการเสนอราคา

โหมด SPA ที่ใช้ Webpack

การติดตั้งและอ้างอิง

$ npm install vmc --save

ลงทะเบียนส่วนประกอบทั่วโลก

เพิ่มสิ่งต่อไปนี้ในไฟล์รายการ:

 import VMC from 'vmc/install' ;

Vue . use ( VMC ) ;

แนะนำสไตล์ส่วนประกอบ

ด้วยการซ้อนทับตัวแปรน้อยกว่ารูปแบบเริ่มต้นบางอย่างของส่วนประกอบสามารถปรับแต่งได้ดังนั้นจึงต้องมีการแนะนำไฟล์ที่น้อยลงด้วยตนเอง

 @import "vmc/src/styles/vmc.less" ;
@import "assets/less/vmc.custom.less" ;      // 自定义变量覆盖，参考styles/base/variable.less

หรือใช้การแทนที่ตัวแปร SASS เพื่อปรับแต่งรูปแบบเริ่มต้นบางส่วนของส่วนประกอบและคุณต้องแนะนำไฟล์ SCSS ด้วยตนเองด้วยตนเอง

 @import "assets/scss/vmc.custom.scss" ;      // 自定义变量覆盖，参考scss/base/variable.scss
@import "vmc/src/scss/vmc.scss" ;

ส่วนประกอบอ้างอิง

 import { Navbar } from 'vmc' ;

การอ้างอิงแท็กปกติ

การติดตั้งและอ้างอิง

ดาวน์โหลดไฟล์ vmc.css และ vmc.js โดยตรงในไดเรกทอรี dist

 < link rel =" stylesheet " href =" vmc.css " >

< div id =" app " >
    < v-button type =" success " @click =" $Alert('Hello world!') " >按钮</ v-button >
</ div >

< script src =" vue.js " > </ script >
< script src =" vmc.js " > </ script >

< script >
    new Vue ( {
        el : '#app'
    } ) ;
</ script >