微信WeUI常见页面模板

购物车模板就是popup弹层(css样式+js),还有slider滑动操作,还有增减的js 代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scala…

微信WeUI入门2

引入需要的样式文件最重要的css文件为 weui.min.css 基本的框架如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0&qu…

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一: 包含button.cell.dialog. progress. toast.article.actionsheet.icon等各式元素: 一.扩展操作文档手册: weui https://github.com/Tencent/weui/wiki weui.js https://github.com/Tencent/weui.js/blob/master/doc…

微信jssdk常见错误及解决方法

调用config 接口的时候传入参数 debug: true 可以开启debug模式,页面会alert出错误信息.以下为常见错误及解决方法: invalid url domain当前页面所在域名与使用的appid没有绑定,请确认正确填写绑定的域名,如果使用了端口号,则配置的绑定域名也要加上端口号(一个appid可以绑定三个有效域名,见目录1.1.1). invalid signature签名错误.建议按如下顺序检查: 确认签名算法正确,可用 http://mp.weixin.qq.com/de…

微信 weui 初体验

最近微信推出他们自己的H5组件(weui)组件的优点有两个: 做为开发者的我们可以不用写太多css,直接拿过来就可以用. 组件都有点击态,大大增加了用户的体验好感高清屏幕下 border : 0.5 1,何为点击态当用手指触摸某个按钮的时候,按钮会变成深色,离开后按钮颜色自动恢复,这个效果让用户的体验感倍增. 2,高清屏幕下的 border : 0.5 像素正常情况下网页的 border 属性是没有 0.5 这个值的,我们看下效果上面是 0.5 像素的边框,下面是 1 像素的边框,从肉眼…

微信WeUI扩展组件

主要包括下拉刷新pullToRefresh downRefresh.html 主要的代码是$(document.body).pullToRefresh(); <div class="weui-pull-to-refresh__layer"> <div class='weui-pull-to-refresh__arrow'></div> <div class='weui-pull-to-refresh__preloader'></d…

微信WeUI基础

首先引入样式css和js 虽然基础的其实还有weui.min.css,但是为了一些动态效果,也要引入其他的东西. 基本框架 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1…

微信WeUI入门

为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI. 该样式库目前包含 button (按钮).cell (单元格).toast (浮层提示).dialog (对话框)等网页常用的各式元素,并已在 GitHub 上开源开发者只需三步,就能在自己的网页上轻松实现按钮.浮层提示等功能:1. 根据文档说明,下载 WeUI 库.2. 在页面中引入 weui.min.css 文件.3. 从官方 demo 中拷贝需要的功能组件代码到自己页面即可.…

基于Jquery WeUI的微信开发H5页面控件的经验总结(2)

在微信开发H5页面的时候,往往借助于WeUI或者Jquery WeUI等基础上进行界面效果的开发,由于本人喜欢在Asp.net的Web界面上使用JQuery,因此比较倾向于使用 jQuery WeUI,本篇随笔结合官方案例和自己的项目实际开发过程的经验总结,对在H5页面开发过程中设计到的界面控件进行逐一的分析和总结,以期能够给大家在H5页面开发过程中提供有用的参考. 本篇随笔继续上篇随笔<基于Jquery WeUI的微信开发H5页面控件的经验总结(1)>进行介绍其他部分的内容. 7)条码.二维…

移动端常见布局CSS3的细节

结合 Framework7 和ios UI系统,微信weUI,支付宝H5 我们在移动端一些css用法细节的有了更深的了解: 高斯模糊的显示效果,ios8以上支持,ios8以上0.5px,backdrop-filter: blur(10px)等新的属性被支持: 适当利用伪元素比如menu 菜单icon: (ps:安卓uc 浏览器伪元素transition支持的不是很好;) list arrow 箭头,简易,不依赖字体,图片:减少请求:最早从weUI中看到这样写:支付宝 H5页面…