首页 > 其他 > 详细

MUI

时间:2018-09-17 22:38:25      阅读:165      评论:0      收藏:0      [点我收藏+]

MUI不同于Mint-UI,MUI只是开发出来的一套好用的代码片段,里面提供了配套的样式、配套的HTML代码段,类似于Bootstrap,而Mint-UI是真正Vue组件库

从体验上来说,Mint-UI体验更好,因为这是别人帮我们开发好的现成的Vue组件,而MUI和Bootstrap类似

理论上,任何项目都可使用MUI或Bootstrap,但Mint-UI只适用于Vue项目

MUI官网

使用方式和Bootstrap一样,导样式包,复制需要的代码段过来用

MUI不能使用npm下载,需要从github上下载解压后放到项目中,dist为项目中要使用的包,里面有css、fonts、js三个包,项目里的src包里的lib是存放第三方包的可放入其中

技术分享图片

使用方法是打开examples选择需要的组件,浏览器打开后右键查看源码,复制使用

技术分享图片

技术分享图片

在入口文件 import ‘./lib/mui/mui.css‘ 导包,之后将需要的按钮的代码放到vue的template中即可

因为标签有了class属性,并且MUI的样式表已导入,这样就通过类属性添加了样式

MUI

原文:https://www.cnblogs.com/Grani/p/9663462.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!