MUI

1.1、MUI简介

MUI是最接近移动原生App体验的前端框架。

MUI是基于BootStrap修改和扩展而来，因此使用方法与BootStrap几乎一样。

MUI以iOS 7的UI为基础，补充了部分Android系统特有的UI控件，比如可拖动式选项卡；BootStrap的UI，看起来还是网页风格，不像移动原生app的UI控件，所以，MUI更接近移动原生app的UI体验。

MUI是由国内的数字天堂网络公司开发的，该公司是W3C的成员，除了MUI，该公司还开发了HBuilder代码编辑器、替换原生WebView的优化后的5+ SDK等。

1.2、通过开源CDN引入MUI

BootCDN⤵︎

<link  href="https://cdn.bootcss.com/mui/3.7.1/css/mui.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/mui/3.7.1/js/mui.js"></script>

1.3、通过下载到本地引入MUI

step1、通过包管理器安装MUI

包管理器	安装命令
bower	`bower install dcloud-mui --save`
npm	`npm install dcloud-mui --save`
yarn	`yarn add dcloud-mui`

step2、在HTML代码中引入CSS和JavaScript

<link  href="/bower_components/dcloud-mui/dist/mui.min.css" rel="stylesheet">
<script src="/bower_components/dcloud-mui/dist/mui.min.js"></script>

1.4、使用MUI

使用方法与BootStrap几乎一样，只是CSS的使用，需要加上mui-前缀。