MUI代码片段基本使用

一、说明
MUI不同于Mint-UI,MUI是开发出来一套好用的代码片段,里面提供了配套样式、配套的html代码。从体验上来说,类似于bootstrap。不同于Mint-UI,除了Vue项目的其他项目中也可以使用。
二、安装
MUI无法用npm下载,需要自己手动从github上下载现成的包解压,手动拷贝到项目中使用。
进入MUI GitHub,下载.zip。


在 src 目录下创建 lib 文件夹,这个文件夹用于放手动拷贝的第三方包(npm安装的在node_modules中)。
然后把解压出来的MUI的dist(发布版本)文件夹放到lib中,修改一个名字mui。
三、基本使用
项目中使用和bootstrap相同。

  • main.js 中引入MUI的CSS。
//导入MUI样式表
import './lib/mui/css/mui.min.css'
  • 查看MUI文档,把自己需要的代码吧片段拷到自己代码中即可。(也可以看.zip解压出来的内容中的 example 文件夹,其中可以查看各种代码片段,查看源码拷出自己需要的使用)

你可能感兴趣的:(MUI代码片段基本使用)