0.2.11-rc.4 • Published 11 days ago
@mdsfe/mds-ui v0.2.11-rc.4
Better enable enterprise project in the background
Intro
这是基于 Vue 的组件化实现,开发和服务于企业级产品,意旨在帮助开发者快速搭建属于自己的业务应用。
Install
npm 安装
推荐使用npm的方式安装,能更好的和
webpack
等打包工具配合使用npm install @mdsfe/mds-ui -S
CDN 引用
支持在页面上引入
Js
和Css
文件既可以开始使用
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/@mdsfe/mds-ui/dist/mds-ui.min.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/@mdsfe/mds-ui/dist/mds-ui.min.js"></script>
注意
:使用CDN
引入mds-ui
组件库需要在链接地址上锁定版本,避免组件库升级的时候带来兼容性的影响。锁定版本的方法为在连接后面增加版本号
目前可以通过 unpkg.com/mds-ui 获取到最新版本的资源,支持在页面上引入Js和Css文件既可以开始使用
Quick Start
完整引入
import Vue from 'vue'; // 引入Vue
import '@mdsfe/mds-ui/dist/mds-ui.min.css'; // 引入组件的样式
import MdsUi from '@mdsfe/mds-ui'; // 引入组件
Vue.use(MdsUi); // 使用组件
按需引入
方法一:
可以通过下面的写法来按需加载组件
import Button from '@mdsfe/mds-ui/dist/button';
方法二:
也可以使用 babel-plugin-import 来进行按需加载
import { Button } from '@mdsfe/mds-ui';
.babelrc
修改
{
"plugins": [
[
"import", {
"libraryName": "@mdsfe/mds-ui",
"libraryDirectory": "dist",
"styleLibraryDirectory": "dist/style",
"style":true
}
]
]
}
Browser Support
Modern browsers and Internet Explorer 10+.
License
0.2.11-rc.4
11 days ago
0.2.11-rc.2
21 days ago
0.2.11-rc.3
21 days ago
0.2.11-rc.0
24 days ago
0.2.11-rc.1
24 days ago
0.2.10
27 days ago
0.2.10-rc.13
1 month ago
0.2.10-rc.12
1 month ago
0.2.10-rc.11
1 month ago
0.2.10-rc.10
2 months ago
0.2.10-rc.8
2 months ago
0.2.10-rc.9
2 months ago
0.2.10-rc.7
3 months ago
0.2.10-rc.6
3 months ago
0.2.10-rc.5
3 months ago
0.2.10-rc.4
4 months ago
0.2.10-rc.3
9 months ago
0.2.10-rc.2
9 months ago
0.2.10-rc.1
9 months ago
0.2.9
10 months ago
0.2.9-rc.1
12 months ago
0.2.8
1 year ago
0.2.0
2 years ago