By welkin

Updated:

Contents
  1. 1. 使用 饿了么的 MintUI 组件
  2. 2. 使用 MUI 组件

使用 饿了么的 MintUI 组件

Github 仓储地址

Mint-UI官方文档

  1. 导入所有MintUI组件：
1
2

import MintUI from 'mint-ui'
  1. 导入样式表：
1
2

import 'mint-ui/lib/style.css'
  1. 在 vue 中使用 MintUI：
1
2

Vue.use(MintUI)
  1. 使用的例子：
1
2

<mt-button type="primary" size="large">primary</mt-button>

使用 MUI 组件

官网首页

文档地址

  1. 导入 MUI 的样式表：
1
2

import '../lib/mui/css/mui.min.css'
  1. 在webpack.config.js中添加新的loader规则：
1
2

{ test: /\.(png|jpg|gif|ttf)$/, use: 'url-loader' }
  1. 根据官方提供的文档和example，尝试使用相关的组件
Contents
  1. 1. 使用 饿了么的 MintUI 组件
  2. 2. 使用 MUI 组件