Jquery WeUI（一）

1. 用于微信端的控件UI ，

1. 首先，需要做的是开发一个微信能访问的网页，并和微信关联

A． 创建一个空网站

B． 增加一般处理程序

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

B． 申请和配置测试服务

1. 创建菜单

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

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

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

1. 开发网页，

如何使用： Jquery WebUI

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

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

下载后：

文件目录

主要需要Jquery 和 WeUI

测试订阅号

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

即可

二、 基础组件原理

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个框

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

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

 

Flex  属性：

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

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

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

子项内部又分为两部分

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