Wex 5模微店コード学習と分析

1447 ワード

参照コードアドレス:http://download.csdn.net/detail/zhengyikuangge/9587099
知識点のまとめ(webフロントエンドはすべて属性設定で、コードを参照してください):
1、ContentsとContent:Contentsは複数のページを形成し、各contentは1つのページを含み、contentsには複数のcontentを追加することができ、最初のページを除いて、他のページはWファイルである
2、Windowcontainerコンポーネントは他のWファイルをロードすることができる
3、scorllViewコンポーネントはデフォルトで3つのdivがあり、一般的に2番目の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コンポーネント:図文結合コンポーネント、上下、左右など