c-mobile

Mobile UI elements for Vue 2.0

• 中文文档

安装

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.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">