@mega-design/ui-vue

Mega Design UI for Vue
15,622
Install
npm install @mega-design/ui-vue@0.8.4
Latest Version:0.8.4
Older releases:2
License:MIT
Last Updated:Jul 30, 2024
Links: npm
Maintainer: zhuxiaoping

特性

  • 依托Ant Design的交互语言和视觉风格。
  • 开箱即用的高质量 Vue 组件。
  • 基础与Ant Design of React/Vue设计工具体系。
  • 自适应Vue版本(2.x, 3.x), 不需要手动指定版本

支持环境

  • 现代浏览器和 IE9 及以上(需要 polyfills)。
  • 支持服务端渲染。
  • Electron

安装

使用 npm 或 yarn 安装

$ npm install @mega-design/ui-vue --save
$ yarn add @mega-design/ui-vue

如果你的网络环境不佳,推荐使用 cnpm。

使用

按需加载

  • 使用 babel-plugin-import(推荐)
    // .babelrc or babel-loader option
    {
      "plugins": [
        ["import", { "libraryName": "@mega-design/ui-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` 会加载 less 文件
      ]
    }
    
    然后只需从 @mega-design/ui-vue 引入模块即可,无需单独引入样式。等同于下面手动引入的方式。
    // babel-plugin-import 会帮助你加载 JS 和 CSS
    import { Button } from '@mega-design/ui-vue';
    
  • 手动引入
    import Button from '@mega-design/lib/button';      // 加载 JS
    import '@mega-design/lib/button/style/css';        // 加载 CSS
    // import '@mega-design/lib/button/style';         // 加载 LESS    
    

链接

生态

Project Description
vue-ref 您可以使用回调来获取组件的引用,类似 react

Related Packages

iways-ui

An enterprise definition UI design language and Vue-based implementation

2,716
wetrade-design

一款多语言支持Vue3的UI框架

91,903
iep-ui

An enterprise-class UI design language and Vue-based implementation

44,715
ui-vue-antd

An enterprise-class UI design language and Vue-based implementation

16,788

Version History

Version Released License
0.8.4 MIT
0.8.3 MIT
0.8.2 MIT
0.8.1 MIT
0.8.0 MIT
Pre-releases (322)
Version Released License
0.9.0-alpha.375 MIT
0.9.0-alpha.374 MIT
0.9.0-alpha.372 MIT
0.9.0-alpha.371 MIT
0.9.0-alpha.370 MIT