Vue项目上使用MUI
·
MUI是一款轻量级的APPUI样式框架，官网地址：http://dev.dcloud.net.cn/mui/，Github：https://github.com/dcloudio/mui，它跟Bootstrap一样，即拿即用。但是需要注意的是，它在npm下是不支持安装的，所以要想在项目中使用它，我们就需要在Gihub上下载，之后将它的dist文件夹下的文件放在项目的第三方引用包文件夹下：../lib
1、使用
我们先打开MUI的Github：https://github.com/dcloudio/mui
点击clone or download下载.zip格式的包
MUI包下载解压后：
dist（发布项目包）------当我们需要用到MUI时，我们复制此文件夹下的文件，粘贴到项目的第三方依赖包lib中，引入样式进行使用
在examples文件夹下是MUI的使用例子
当我们需要查看按钮这一个功能时，我们就打开hello-mui下的index.html
找到按钮，点击进入后，根据样式选择按钮查看。
2、Vue项目中使用
在Vue项目中使用mui方法非常简单，首先我们需要用mui的dist开发包，其中包含了css文件夹，font文件夹和js文件夹，在\examples\hello-mui下打开index.html，选择我们想要实现的功能复制一份，放到我们需要放到的页面中，在main.js中使用import引用 import './lib/css/mui.css'
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)