MUI

Posted grani

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了MUI相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

mui是啥

修改MUI样式的整理

讨论mui 的 mui.init 与 mui.plusReady

mui选择器picker比页面先弹出来

MUI框架-03-自定义MUI控件样式

mui表单怎么隐藏