vmc
1.0.0
[email protected]+의 모바일 구성 요소.
vue1.x에서 vmc를 사용해야하는 경우 @1x 지점을 확인하십시오.
데모를 봅니다
VMC 는 모바일 터미널 용으로 개발 된 구성 요소 라이브러리이며 [email protected]+ 에 적합합니다.
$ 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' ; dist 디렉토리에서 vmc.css 및 vmc.js 파일을 직접 다운로드하십시오.
< 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 > 이 방법은 전역 구성 요소를 자동으로 등록하고 추가 작업없이 모든 구성 요소를 자동으로 등록합니다.
아이콘 아이콘 (아이콘)
1px 테두리 (1px 테두리)
로고 (배지)
양쪽 끝의 정렬 (정당화)
텍스트 누락 (nowrap)
빨간 점
액션 시트
경고함 (경고)
자리 표시기 상자 (상자)
단추
카드
단일 열 (셀)
확인란
확인하다
대화 상자
Pagination Refresh (Dropload)
그리드
강제 입력 상자 (Minput)
프롬프트 입력 상자 (VINPUT)
양쪽 끝의 정렬 (정당화)
롤링 발표 (마키)
NAVBAR
디지털 입력 (번호)
씌우다
소매치기
팝업 레이어 (팝업)
팝업 피커
팝업 날짜 선택기
ProgressBar
프롬프트 입력 상자 (프롬프트)
라디오 박스
등급 (평가자)
제목 행
회전 목마 이미지 (슬라이더)
동적 표시기 (스피너)
제출 버튼 (제출)
내비게이션 바 (Tabbar)
Tabcontrol
Textarea
스위치 (토글)
로드 프롬프트
성공 프롬프트 (성공)
오류 프롬프트 (오류)
정보 프롬프트 (정보)
텍스트 프롬프트 (토스트)
구성 요소 업로드 (업로드)
$ npm run dev
명령이 실행되면 examples 디렉토리의 파일이 개발 및 디버깅을 위해 자동으로 실행됩니다.
$ npm run release
명령이 실행되면 vmc dist 디렉토리에 게시됩니다.
$ npm run build
명령이 실행되면 examples 디렉토리의 파일이 docs 디렉토리에 자동으로 포장됩니다.
$ npm run docs
명령이 실행되면 docs 디렉토리는 정적 문서 서버 리소스로 사용되며 브라우저에서 직접 액세스 할 수 있습니다.
MIT
