Mobile UI elements for Vue 2.0
yarn add c-mobile
# or
npm install c-mobile --saveimport Vue from 'vue'
import Mobile from 'c-mobile'
import 'c-mobile/dist/index.css'
Vue.use(Mobile)在项目下建立一个 scss 文件 index.scss，并写入下面内容：
// 常用颜色
$primary: #39f;
$success: #0c6;
$warning: #f90;
$danger: #f30;
// 文字颜色
$text: #737373;
$text-light: #a6a6a6;
// 边框颜色
$border: #d9d9d9;
@import '~c-mobile/dist/index.scss';然后在入口文件 main.js 内导入这个 scss 文件即可：
import Vue from 'vue'
import Mobile from 'c-mobile'
import './index.scss'
Vue.use(Mobile)viewport 添加 viewport-fit=cover 支持 iPhoneX 等异形屏
<meta name="viewport" content="viewport-fit=cover">