첫째, 민트 UI 것입니다
1, 민트 UI는 모바일 단말기의 개발 효율을 향상시킬 수있는 CSS와 JS 성분을 풍부하게 포함
2 민트 사용자 인터페이스 디맨드로드 조립체
3, 민트 인터페이스 경량
둘째, 사용자 인터페이스의 민트 설치
1, 터미널 프로젝트의 루트 디렉토리에 통합 :
NPM 민트 I-UI -S
2는 main.js 첨가 하였다 :
수입 MintUI 에서 ' 민트-UI를 ' 수입 ' 민트 - UI / lib에 /있는 style.css '
글로벌 MintUI 방법을 사용하여) (Vue.use 의해 main.js 있지만
Vue.use (MintUI)
전체 예제 :
main.js 파일 :
수입 뷰 에서 ' VUE ' 수입 앱 에서 ' ./App.vue ' 수입 라우터 에서 ' ./router ' 수입 매장 에서 ' ./store ' 수입 MintUI 에서 ' 민트-UI를 ' 수입 ' 민트 - UI / lib 디렉토리 / 스타일. CSS는 ' Vue.use (MintUI) Vue.config.productionTip = 거짓 새로운 뷰 ({ 라우터, 저장, 렌더링 : H => 시간 (앱) }). $ 마운트 ( ' #app를 ')
민트 UI의 셋째, 사용
본원에 참고로 인용 민트 UI 의 토스트 구성 예
(1) 토스트에게 페이지의 스크립트 요소를 도입
수입 {토스트} 에서 ' 박하 UI '
(2) 상기 호 축배 장착
토스트 ( ' 메시지 ' )
전체 예제 :
views / demo.vue 문건 :
< 템플릿 > < DIV > < DIV > 민트 UI </ DIV > </ DIV > </ 템플릿 > < 스크립트 > 수입에서 {토스트} ' 민트-UI ' 수출 기본 { 데이터 () { 반환 { } } 장착 ( ) { 토스트 ( ' 提示信息' ) } } </ 스크립트 >
영업 실적 :
더 MintUI의 구성 요소를 참조하십시오 http://mint-ui.github.io/docs/#/zh-cn2/repositories