構造
<！ - //スクロールバー - >
<ビュークラス= 'category_list'>
<！ - //左側 - >
<ビュークラス= 'r_first_category' スタイル= "幅：160rpx">
<スクロールビュースクロール-Yスタイル= '高さ：{{clientHeight}} PX;'>
<ビュークラス= "r_item {{itemIndex ===インデックス 'item_active'？ ''}}" WXのための：= "{{category_list}}" WX：キー= 'インデックス' データID = "{{アイテム。 CATEGORY_ID}}」データ・インデックス= "{{索引}}" bindtap = 'navChange'>
{{item.short_name == ''？item.category_name：item.short_name}}
</ビュー>
</スクロールビュー>
</ビュー>
<！ - //スタイルの右の右側に書かれました - >
<ビュースタイル= '幅：590rpx;位置：絶対;上部：0;右：0;フレックス：1;'>
<スクロールビュースクロール-Yスタイル= '高さ：{{clientHeight}} PX;'>
<ビュークラス= 'リスト' WXのための：= "{{goods_list}}" WX：キー= 'インデックス' WX：のための項目= "goodItem">
<ビュークラス=「アイテム」>
<ビュークラス= 'IMG'>
<画像WX：もし= '{{goodItem.img_list [0]}}' SRC = '{{goodItem.img_list [0]}}'> </画像>
<画像WX：他のSRC = '.. / .. / .. / IMGS / nopic.jpg'> </画像>
</ビュー>
<ビュークラス=「情報」>
<ビュークラス= 'good_name'> {{goodItem.goods_name}} </ビュー>
<ビュークラス= 'stock_num' WX：もし= "{{buy_type == '購入'}}">
プラットフォームインベントリ：{{}} goodItem.total_stock
</ビュー>
<= 'stock_num' WXビュークラス：もし= "{{buy_type == 'localgoodssale'}}">
在庫：{{}} goodItem.total_stock
</ビュー>
<ビュークラス= 'cell_price'>
<ビュークラス= '価格' WX：もし= "{{buy_type == '購入'}}">
プラットフォームの購入価格：¥{{goodItem.min_price}}
</ビュー>
<ビュークラス= '価格' WX：もし= "{{buy_type == 'localgoodssale'}}">
小売価格：¥{{}} goodItem.price
</ビュー>
<ヴァン・アイコン名= "追加" 色= '＃1989fa' サイズ= '40rpx' データgooditem = '{{goodItem}}' bindtap = 'goodsSkuShowFun' />
</ビュー>
</ビュー>
</ビュー>
</ビュー>
<ビュークラス= "NO_MORE {{cart_goods_num> 0 'margin_top'？ ''}}">
<スパン>これ以上の</ span>にありません
</ビュー>
</スクロールビュー>
</ビュー>
</ビュー>
スタイル
.category_list {
表示：フレックス。
フレックス方向：行。
正当化 - コンテンツ：フレックススタート。
ALIGN-アイテム：センター;
位置：相対;
幅：100％;
高さ：100％;
}
.r_first_category {
背景：＃f8f8f8;
高さ：100％;
幅：25％;
表示：インラインブロック。
高さ：100％;
テキスト整列：センター;
位置：絶対;
トップ：0;
左：0;
}
.r_first_category .r_item {
高さ：92rpx。
色：RGBA（0、0、0、0.767）。
分の高さ：92rpx。
テキスト整列：センター;
行の高さ：46rpx。
パディング：0 5rpx。
表示：フレックス。
ALIGN-アイテム：センター;
正当化 - コンテンツ：センター;
}
.r_first_category .item_active {
背景色：#FFF;
色：＃ff454e。
}
.LIST {
パディング：10rpx。
}
.LIST .item {
表示：フレックス。
}
.LIST .item .IMG {
幅：180rpx。
高さ：180rpx。
オーバーフロー：隠されました;
背景：＃f9f9f9;
表示：フレックス。
正当化 - コンテンツ：センター;
ALIGN-アイテム：センター;
}
.LIST .item .IMG画像{
幅：100％;
高さ：100％;
}
.LIST .itemの.info {
margin-left：20rpx。
フレックス：1;
位置：相対;
}
.LIST .itemの.info .good_name {
オーバーフロー：隠されました;
テキストオーバーフロー：省略記号。
表示：-webkit-ボックス。
-webkitラインクランプ：2。
-webkit-ボックスオリエント：縦;
高さ：80rpx。
}
.LIST .itemの.info .stock_num {
フォントサイズ：24rpx。
色：＃323233;
}
.LIST .itemの.info .cell_price {
表示：フレックス。
正当化 - コンテンツ：スペースの間;
位置：絶対;
下：0;
幅：100％;
}
.LIST .itemの.info .cell_price .price {
色：＃F44;
}
。もういや {
表示：フレックス。
ALIGN-アイテム：センター;
正当化 - コンテンツ：センター;
パディング：30rpx 30rpx 150rpx 30rpx。
色：＃999;
}
方法
方法
のonLoad（）{
//高さをスクロールするスクロールバーを取得します。
wx.getSystemInfo（{
成功：（RES）=> {
this.setData（{
// clientHeight：res.windowHeight - res.windowWidth / 750 * 96
clientHeight：res.windowHeight - 210
}）;
}
}）;