1.0.5 • Published 6 years ago
matrix-ui v1.0.5
特性
- 单元测试覆盖率超过 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 协议,请自由地享受和参与开源。