@bic-fe/mds-ui

    0.2.6-rc.2 • 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 @bic-fe/mds-ui -S

    CDN 引用

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

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/@bic-fe/mds-ui/dist/mds-ui.min.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/@bic-fe/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 '@bic-fe/mds-ui/dist/mds-ui.min.css'; // 引入组件的样式 
    import MdsUi from '@bic-fe/mds-ui'; // 引入组件
    
    Vue.use(MdsUi); // 使用组件
    
    

    按需引入

    方法一:

    可以通过下面的写法来按需加载组件

    import Button from '@bic-fe/mds-ui/dist/button';
    

    方法二:

    也可以使用 babel-plugin-import 来进行按需加载

    import { Button } from '@bic-fe/mds-ui';
    

    .babelrc修改

    {
      "plugins": [
        [
          "import", {
            "libraryName": "@bic-fe/mds-ui",
            "libraryDirectory": "dist",
            "styleLibraryDirectory": "dist/style",
            "style":true
          }
        ]
      ]
    }
    
    

    Browser Support

    Modern browsers and Internet Explorer 10+.

    License

    MIT

    Install

    npm i @bic-fe/mds-ui

    DownloadsWeekly Downloads

    35

    Version

    0.2.6-rc.2

    License

    MIT

    Unpacked Size

    20.8 MB

    Total Files

    161

    Last publish

    Collaborators

    • matrix-design
    • qinchenguang