需求:9張濾鏡模版,如果用戶選擇一張背景則這一張分別對應這9張模版,如果用戶選擇了兩張背景,則依次排列,即第3張模版對應背景的第一張,如果選擇三張背景圖仍是以此類推。
方法:
var that=this;
for (var i =0; i <=
8; i++) {//i從0到8,對應9張濾鏡。
if (i < that.data.allimage.length) { //指用戶選擇的圖片的個數。
var param = {};
var string ="imagefile[" + i +
"].below";
param[string] = that.data.allimage[i];
that.setData(param);
}
var nn;
if (i >= that.data.allimage.length) {//當超出背景個數時。
if (i % that.data.allimage.length ==
0) {
nn = 0;//將i 設置爲0
}
var param = {}; //使用this.setData({})給數組裏邊的對象的某一個屬性賦值時採用辦法。
var string ="imagefile[" + i +
"].below";
param[string] = that.data.allimage[nn];
that.setData(param);
nn = nn + 1;
}
}
}
②醜圖羞羞的濾鏡和模版對應的方式是兩張圖片重疊一起實現。(兩張圖片使用absolute絕對定位在一塊)