@mdsfe/mds-ui

0.2.10-rc.10 • Public • Published

MATRIX

Build Status license javascript style guide version

Better enable enterprise project in the background

Intro

这是基于 Vue 的组件化实现,开发和服务于企业级产品,意旨在帮助开发者快速搭建属于自己的业务应用。

Install

npm 安装

推荐使用npm的方式安装,能更好的和webpack等打包工具配合使用

npm install @mdsfe/mds-ui -S

CDN 引用

支持在页面上引入JsCss文件既可以开始使用

<!-- 引入样式 -->
<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

MIT

Package Sidebar

Install

npm i @mdsfe/mds-ui

Weekly Downloads

6

Version

0.2.10-rc.10

License

MIT

Unpacked Size

15.2 MB

Total Files

166

Last publish

Collaborators

  • matrix-design