<ブロックWX：= "{{imagesList}}" で>
<画像SRC = '{{item.pic}}' データインデックス= '{{item.id}}' クラス= '隠す' bindload = 'reserveimg'> </画像>
</ブロック>
<スクロールビュースタイル= "高さ：{{scrollH}} RPX" クラス= bindscrolltolower = "loadImages" 'スクロール' スクロールY = '真'>
<ビュークラス= 'COL1'>
<ブロックWX：= "{{COL1}}" で>
<画像SRC = '{{item.pic}}' スタイル= '幅：{{item.width}} RPX;高さ：{{item.height}} RPX;'> </画像>
</ブロック>
</ビュー>
<ビュークラス= 'COL2'>
<ブロックWX：= "{{COL2}}" で>
<画像SRC = '{{item.pic}}' スタイル= '幅：{{item.width}} RPX;高さ：{{item.height}} RPX;'> </画像>
</ブロック>
</ビュー>
</スクロールビュー>
。スクロール{
幅：720rpx。
マージン：0自動;
}
.col1 {
幅：350rpx。
フロート：左;
}
.col2 {
幅：350rpx。
フロート：左;
余白左：20rpx。
}
col1H = 0でした。
col2H = 0でした。
= [] COL1ました。
= [] COL2ました。
ページ（{
/ **
*初期データページ
* /
データ：{
imagesList：[]、
scrollH：1500
}、
/ **
*ライフサイクル機能 - ページのロードのために聞きます
* /
onLoad：機能（オプション）{
this.loadImages（）;
}、
//画像の幅と高さをリセット
reserveimg：関数（E）{
この= VAR。
VAR指数= e.currentTarget.dataset.index。
VaRのIMGW = e.detail.width。
VAR imgh = e.detail.height。
VAR幅= 350。
VARの高さ= imgh *幅/ IMGW。
{（; iはthat.data.imagesList.lengthを<I ++がVAR I = 0）のための
IF（I ==インデックス）{
IF（col1H <= col2H）{
col1.push（{
"PIC"：[i]の.PIC that.data.imagesList、
"幅"：350、
「高さ」：高さ、
}）;
col1H + =高;
}他{
col2.push（{
"PIC"：[i]の.PIC that.data.imagesList、
"幅"：350、
「高さ」：高さ、
}）
col2H + =高;
}
}
}
that.setData（{
COL1：COL1、
COL2：COL2
}）
console.info（インデックス、COL1、COL2）
}、
//ドロップダウンのロード
loadImages：関数（）{
この= VAR。
//データをシミュレートし、ローカルの画像をロードします
[画像=ましょう
{PIC： "http://img0.imgtn.bdimg.com/it/u=4139318954,1536360164&fm=26&gp=0.jpg"、高さ：0}、
{PIC： "http://img5.imgtn.bdimg.com/it/u=1007188585,453085648&fm=26&gp=0.jpg"、高さ：0}、
];
VAR imagesList = that.data.imagesList。
ため（VAR i = 0; iはimages.lengthを<; iは++）{
画像[I] .ID = I
}
VAR imagesArray = imagesList.concat（画像）
this.setData（{
imagesList：imagesArray
}）;
}
}）