tab weui 页面切换_weui 多网页切换效果分析

weui的文档写的不怎么详尽，简单的来讲WeUI为微信 Web 服务量身设计的h5框架。

WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、icon等各式元素。

严格的讲它是一个css库。算一个精简的库。

如果要用jQuery开发的话，head部分，需要加载如下信息：

我的

//weui的压缩版css

//jQuery weui的压缩版css，因为这个UI会提供比较多的插件

//weui 官方demo提供的css

//我们实际场景使用的css

//我们开发中需要用到的storage方法

//我们开发中需要用到的服务器配置文件

//我们开发中需要使用到的接口文件

body中根据官方文档，需要给body添加属性ontouchstart。

多页操作的demo模板:

//每个模板内容都要放在page里

潘仁和

骨科

上海交通大学医学院附属瑞金医院

潘仁和

骨科

上海交通大学医学院附属瑞金医院

我们再看模板页面对应在body中的a标签：

//wap上要触发按钮的active态，必须触发ontouchstart事件，可以在body上加上ontouchstart全局触发

//class 为 js_container,当触发点击事件时，实际上是在点击js_container

//这里是定义与响应模板内容的

//以cell为我的医生为例

//当点击这个a标签时，触发ontouchstart的js_container,会把class为js_cell绑定到这个触发事件上

我的医生