vueJS mint-UI使用文档
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vueJS mint-UI使用文档相关的知识,希望对你有一定的参考价值。
Mint-Ui
由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库
官网:
http://mint-ui.github.io/#!/zh-cn
加载css 安装style loader
https://github.com/webpack-contrib/style-loader
使用:
1.安装 mint-ui
npm install mint-ui -S / cnpm install mint-ui --save-dev
2.找到main.js
import MintUI from ‘mint-ui‘
import ‘mint-ui/lib/style.css‘
Vue.use(MintUI)
如果没有安装style-loader 和css-loader则需要安装
3.安装 style-loader 和css-loader
https://github.com/webpack-contrib/style-loader
npm install style-loader --save-dev / cnpm install style-loader --save-dev
4.配置webpack.config.js
{
test: /\.css$/,
use: [
{ loader: "style-loader" },
{ loader: "css-loader" },
],
}
5.看文档用
以上是关于vueJS mint-UI使用文档的主要内容,如果未能解决你的问题,请参考以下文章
mint-ui之toast使用(messagebox,indicator同理)