vue impression

vue-Impression

모바일 용 Vue.js 2.0 UI 요소.

데모

https://newdadafe.github.io/impression_vue/#/button

설치

yarn add vue-impression

용법

스타일 :

 @import ' ~vue-impression/dist/styles/index.scss ' ;

스크립트 :

 import Vue from 'vue' ;
import VueImpression from 'vue-impression' ;

Vue . use ( VueImpression ) ;

나무 흔들림 :

yarn add babel-plugin-transform-imports -D

{
    "plugins" : [
        [
            " transform-imports " ,
            {
                "vue-impression" : {
                    "transform" : " vue-impression/dist/scripts/components/${member} " ,
                    "preventFullImport" : true
                }
            }
        ]
    ]
}

예

 < btn theme =" primary " size =" sm " @click =" doSomething " >按钮</ btn > 

구성 요소

• 단추
• 그룹
• 그로프트티
• 셀
• 몸을 풀다
• flexitem
• 상
• NAVBAR
• 항해
• 탭 바
• 서랍
• 로딩
• 알리다
• 토스트
• 라디오
• 무선 그룹
• 확인란
• CheckBoxGroup
• 토글 (스위치)
• inputnumber
• 입력 텍스트
• 입력
• 선택자
• 꼬리표
• 배지
• 팁
• hrule (HR)
• 수입자
• 강타
• 슬라이드 업
• 세그먼트 컨트롤
• 메디아
• 카드
• 소매치기
• DatePicker
• 찾다
• 백토 토프
• 아래로 당겨
• 당겨
• 곁가지
• ProgressBar
• 스텝 바
• 타임 라인
• 어려운

빠른 시작

생성기 vue 인상