c mobile

C-Mobile

VUE 2.0의 모바일 UI 요소

• 중국어 문서

설치하다

yarn add c-mobile
# or
npm install c-mobile --save

사용

 import Vue from 'vue'
import Mobile from 'c-mobile'
import 'c-mobile/dist/index.css'

Vue . use ( Mobile )

맞춤 테마

프로젝트에서 SCSS 파일 index.scs를 만들고 다음 내용을 작성하십시오.

 // 常用颜色
$primary : #39f ;
$success : #0c6 ;
$warning : #f90 ;
$danger : #f30 ;

// 文字颜色
$text : #737373 ;
$text-light : #a6a6a6 ;

// 边框颜色
$border : #d9d9d9 ;
@import ' ~c-mobile/dist/index.scss ' ;

그런 다음 입력 파일에서 scss 파일을 가져옵니다. Main.js :

 import Vue from 'vue'
import Mobile from 'c-mobile'
import './index.scss'

Vue . use ( Mobile )

뷰포트 추가 뷰포트-피트 = 커버를 지원하여 iPhonex 및 기타 특수 모양 화면을 지원합니다.

 < meta name =" viewport " content =" viewport-fit=cover " >