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怎么用

mint-ui vue双向绑定

013 mint-ui

mint-ui之toast使用(messagebox,indicator同理)

基于 Vue+Mint-ui 的 Mobile-h5 的项目说明

MintUi使用