Wex5仿微店代码学习与分析

来源:互联网 发布:手机淘宝与支付宝解绑 编辑:程序博客网 时间:2024/06/02 03:54

参考代码地址:
http://download.csdn.net/detail/zhengyikuangge/9587099


知识点总结(web前端均为属性设置,请参考代码):

1、Contents与Content:
Contents形成多页面,每个content包含一个页面,contents里可以添加多个content,除了第一页,其他的页面都是W文件


2、Windowcontainer组件可加载其他W文件


3、scorllView组件默认有三个div,一般在第二个div中添加数据


4、Buttongroup组件:
Buttongroup 形成多按钮,其中的按钮(属性:target)和Contents中的content设置属性关联组成切换卡,可滑动可点击


5、加载本地json文件到data中:

var url = require.toUrl("./json/goodsData.json");//要注意文件路径        $.ajaxSettings.async = false;        $.getJSON(url, function(data) {            event.source.loadData(data);        });

操作过程:点击data,找到CustomRefresh事件,双击,加入上述代码。


6、分割屏幕:
这里写图片描述
例如List五五分屏幕:
在li的class属性中,加上 col-xs-6


7、media组件:
图文结合组件,可上下,左右等

0 1
原创粉丝点击