1. 用于微信端的控件UI ,
  1. 首先,需要做的是开发一个微信能访问的网页,并和微信关联

A. 创建一个空网站

Jquery WeUI(一)-LMLPHP

B. 增加一般处理程序

Jquery WeUI(一)-LMLPHP

A. 增加 web 网页 和空文件到项目中

B. 申请和配置测试服务

Jquery WeUI(一)-LMLPHP

  1. 创建菜单

通过网页调用微信接口,创建订阅号的菜单

Post 想要创建的菜单信息到微信接口即可 ,首先要获取接口Token

注意交互的方式都是json数据格式

  1. 开发网页,

如何使用: Jquery WebUI

jQuery WeUI 依赖 weui.css 和 jQuery,但是请注意要使用正确的版本。

官网:http://jqweui.com/download

下载后:

文件目录

Jquery WeUI(一)-LMLPHP

主要需要Jquery 和 WeUI

测试订阅号

Jquery WeUI(一)-LMLPHP

公众号里面----》菜单---》搜索

即可

二、 基础组件原理

1.列表

<div class="weui-cells__title">带说明的列表项</div>

<div class="weui-cells">

<div class="weui-cell">

<div class="weui-cell__bd">

<p>标题文字</p>

</div>

<div class="weui-cell__ft">说明文字</div>

</div>

</div>

1).首先明确列表被定义为3个框

代码收折后比较容易看清楚结构

Jquery WeUI(一)-LMLPHP

,第一个div 主要用于控制列表头信息<div class="weui-cells__title">带说明的列表项</div>

Jquery WeUI(一)-LMLPHP

Flex  属性:

Jquery WeUI(一)-LMLPHP

Css 属性描述: Margin-top:0.77em  表示:设置元素的上边距  em 表示字体高。例如:浏览器默认是1em=16px

2).第二层是列表层,分为两部分class="weui-cells" 为列表外框的格式

class="weui-cell" 为具体子项的格式

子项内部又分为两部分

Jquery WeUI(一)-LMLPHP

Css属性描述:line-height:1.4117  设置行高。 Overflow:hidden;

05-14 08:23