阿里SUB Mobile Picker使用指南

SUI Mobile 是一套基于 Framework7 构建的轻量级 UI 框架，界面设计简洁美观，仅需引入 CDN 文件即可快速集成。它兼容 iOS 6.0 及以上版本与 Android 4.0 及以上系统，具备良好的跨平台适配能力，特别适用于开发高性能的移动 Web 应用，帮助开发者高效构建流畅、响应式的用户界面。

1、 启动VS2017，创建新的Web项目，选择MVC模板，点击确定完成设置。

2、 在解决方案的View文件夹上右键，新建名为Page的子文件夹；再右键Page文件夹，创建一个名为FirstPage的视图文件。

3、 在浏览器中访问 http://m.sui.taobao.org/ 即可进入页面。

4、 点击右上角菜单栏中的开始使用，向下滚动至第二步调试代码，将完整的代码模板复制到VS的FirstPage.cshtml页面中即可。

5、 使用picker组件时，需在body结束前添加相应的script标签引入额外的JS文件。

6、 可参考官方提供的 picker 示例，进入菜单示例页面，选择 picker 组件，右键查看网页源码，从中复制所需的 HTML 代码并自行添加到项目中使用。

7、 在VS2017中复制完成后，按下F5即可运行FirstPage界面，呈现如下的Picker效果。

8、 参照示例，采用该方法可实现省市区三级联动功能。