小程式列表顯示不同的布局(列表裡包含迴圈列表)

2021-08-28 02:36:04 字數 770 閱讀 3504

在顯示訂單列表的時候,需要在列表裡顯示不同的布局(ietm),甚至是在列表裡的item裡面還有迴圈列表如圖所示:

邏輯道是不難。邏輯是這樣的:前端展示的型別主要是兩類,(1)包機申請(2)旅遊風光。其中包機又包含了只有乙個包機訂單和多個包機訂單的情況。

整體的布局分兩類:只有乙個訂單的布局和多個訂單的布局

1,然前端根據後台返回的資料字段。根據陣列(下面**裡有介紹)的長度來判斷顯示哪乙個布局(主要是用三元表示式顯示和隱藏布局)

2,迴圈顯示。

(1)wxss

/* pages/personalcenter/my_tourism/my_tourism.wxss */

.maincontainer else ;

temp.twodata = ;//臨時存放小陣列的陣列

var shuzu =

for (var j = 0; j < arr.length; j++) else }'>}

} }

}

}'>出發資訊 -->

共}人

}估計金額    ¥:

} 1? "show":"hide"}}'>

包機申請

} }

共}人

} 檢視航段

小程式列表效能優化

我們的功能裡面有個滾動到底部載入的功能,優化前我們的做法是這樣的 1 初始乙個list,儲存列表資料 data startlist 2 監聽滾動事件,滾動到底部獲取新資料,並追加到list尾部,最後重新setdata onreachbottom this data fetchnewdata then...

微信小程式 列表並列多排顯示

我的想法是顯示乙個大view,裡面再包含乙個wx for 迴圈,裡面的cell 姑且這麼叫 肯定是乙個float left。關鍵是這個大的view屬性該如何寫 重中之重 這樣寫 float none width 100 flex direction row reverse zoom 1 overfl...

小程式列表倒計時

適合拼團用的倒計時 通過後端傳過來的資料,前端進行處理轉換 js data getpink function then function res var pinkentitylist res.data.pinkentitylist 請求到的資料 var newpin 定義新陣列接受資料 var in...