matrix-ui

A Vue.js 2.0 Mobile UI at Lvmama

特性

• 单元测试覆盖率超过 90%
• 完善的中英文文档和示例
• 支持 babel-plugin-import
• 支持 TypeScript
• 支持 SSR

安装

npm i -S matrix-ui

快速上手

方式一. 使用  babel-plugin-import (推荐)

# 安装 babel-plugin-import 插件 
npm i babel-plugin-import -D

// 在 .babelrc 或 babel-loader 中添加插件配置
// 注意：webpack 1 无需设置 libraryDirectory。
{
  "plugins": [
    ["import", {
      "libraryName": "matrix",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

接着你可以在代码中直接引入 matrix 组件，插件会自动将代码转化为方式二中的按需引入形式。

import { Button } from 'matrix';

方式二. 按需引入组件

import Button from 'matrix/lib/button';
import 'matrix/lib/matrix-css/base.css';
import 'matrix/lib/matrix-css/button.css';

方式三. 导入所有组件

import Vue from 'vue';
import matrix from 'matrix';
import 'matrix/lib/matrix-css/index.css';
 
Vue.use(matrix);

CDN

<!-- 引入样式 -->
<link rel="stylesheet" href="https://待补充/index.css">
 
<!-- 引入组件 -->
<script src="https://待补充/matrix.min.js"></script>

更多内容请参考 快速上手.

浏览器支持

现代浏览器以及 Android 4.0+, iOS 6+.

链接

• 详细文档
• 更新日志

开源协议

本项目基于 MIT 协议，请自由地享受和参与开源。