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绑定到这个触发事件上
我的医生