小程式瀑布流實現

2021-10-07 14:08:09 字數 1003 閱讀 2115

實現思路:把分成兩排,建立兩個陣列,計算總數組中的寬高,對比上乙個和當前的高度,低的就給另乙個陣列新增。效果圖:

上**:

// miniprogram/pages/find/index.js

var util = require('../../utils/util.js')

var userinfo,shang_height=0;

const db = wx.cloud.database()

var that;

page(,

get_img_height(url)

})})

},onshow: function () )

if (see_list.indexof(item._openid) != -1) else

if(item.character_list) else {}}}

})console.log(list)

var vlist = ;

var v2list = ;

for (var i = 0; i < list.length; i++) }%

} }

性格 }%

} }

/* miniprogram/pages/find/index.wxss */

.p_r

.top_block

.mg_bo

.col

.da

.acaca

.user_callingcard

.user_callingcard image

.view_outer

.view_li

.fen

.more

.item_txt2

微信小程式瀑布流列表

客戶講列表不好看要瀑布流,搞了半天沒搞好,一行兩列,總是高度高的決定一行的高度,flex解決不了 效果 如下 次瀏覽 流布局 article list left,right right item box item box image item box title item box time item...

瀑布流實現

html 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 js 一定要用window.onload不能用 function var data window.onload function pbl pbl function pbl...

瀑布流簡單實現

使用scrollview簡單實現瀑布流 實現 waterflowview.h import typedefenumwaterfiowviewmargintype class waterflowviewcell,waterfiowview 資料來源方法 protocol waterflowviewda...