Vue杂记（三）——Mint-ui移动端组件库，MUI组件

目录

Mint-ui移动端组件库

MUI

---

 

Mint-ui移动端组件库

mint-ui参考文档：http://mint-ui.github.io/docs/#/

// 安装
# Vue 1.x
npm install mint-ui@1 -S
# Vue 2.0
npm install mint-ui -S

 

Mint-ui将组件分为了三类，Js控制组件，Css控制组件，表单控制组件

可以不使用nmp去下载Mint-ui，使用cdn去导入Mint-ui组件

例子：

 

	
		
		
		
		
		
		
		
		
		
		
		
		
	
	
		

			default
			primary
			danger
			
			
				
		
		
		
		
		
	

mint.css

.mytoast i{
	color:red;
}

运行效果：

 

 

MUI

MUI参考文档：https://dev.dcloud.net.cn/mui/ui/

MUI类似于bootstrap，是可以让任何项目使用的，但是Mint-ui只能在Vue项目中使用

MUI不能使用npm去下载MUI，需要自己手动从GitHub上下载现有的包，自己解压出来，然后再手动拷贝到项目中使用。

在hubuilder上可以选择新建“移动APP”，并选择“Hello MUI”工程模板，创建工程；然后通过数据线将手机连接上电脑，点击运行，就可以在手机上体验MUI的各项能力。

使用MUI的话需要从examples中寻找合适的样例，或者从官方文档中寻找样式，和bootstrap类似

例子：

	
		
		
		
		
	

	
		

			
					紫色
				
		
		
		
	

 

 

 

 

 

 

 

一起学习，一起进步 -.- ，如有错误，可以发评论