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にロードする:
操作手順:dataをクリックし、CustomRefreshイベントを見つけ、ダブルクリックし、上記のコードを追加します.
6、分割画面:例えばList五五五分画面:liのclass属性にcol-xs-6を加える
7、mediaコンポーネント:図文結合コンポーネント、上下、左右など
知識点のまとめ(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、分割画面:例えばList五五五分画面:liのclass属性にcol-xs-6を加える
7、mediaコンポーネント:図文結合コンポーネント、上下、左右など