使用SUI Mobile的心得

一。注意细节
1.不随意改变sui的框架(html,css等)
(如body，框架
<div class="page-group">
<div class="page page-current">等这些里面都不加class或是id,除非背景颜色改变太大，可以加，或是一定需要的时候，加上id<div class="page page-current" id="">
)
2.注意如果psd的页面设计的内容需要改变sui框架css很多，那么直接根据sui框架
(如：头部，底部。二级等。tab)

3.初始化方法: $.init()必须放在后面
他会调用 $.initPage 方法初始化页面组件，并且触发一个 pageInit 事件，
所以请确保在所有的 pageInit 事件绑定之后再调用 $.init() 方法。
4.要摸框分布，一块一块。

5.sui 的使用时候要注意语义，是做列表的只能单做列表，
6.图标：为了在不同浏览器设备中的现实一样的效果，不会出现差异太大
所以使用图标，而不是使用图片。
如果在图标库里找不到与设计稿一样的话，就使用类似的图片代替或是自己做一个图标(svg)
二。问题
a.tab与轮播会同时使用时，要注意的问题
出现问题：当tab链接里的内容到另一个页面的时候，在返回时，轮播图片没有
   这是因为路由原因，---可以在链接a上增加 class="external" 禁用路由功能。
b.使用路由要注意。