SUI Mobile入门

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。特点：自适应、轻量、功能强大点击进入官网

选择模板

进入官网后，点击示例选择要选用的模板，查看源代码并复制到自己的项目即可。
同时你可以右键鼠标"检查"，点击右上角的按钮来查看各种型号大小的适应情况。

导入js、css

首页点击"开始使用"，从给出的样例中复制引入js、css

<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">

<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>

完成

最后运行查看效果，根据项目自身需要进行更改