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;

 

 

 

posted @ 2017-02-22 09:28  soar.pang  阅读(1195)  评论(0编辑  收藏  举报