Wex5仿微店代码学习与分析

参考代码地址:
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、分割屏幕:
Wex5仿微店代码学习与分析_第1张图片
例如List五五分屏幕:
在li的class属性中,加上 col-xs-6


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

你可能感兴趣的:(其他)