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

2022-09-10 10:39:13 字數 718 閱讀 6916

我的想法是顯示乙個大view,裡面再包含乙個wx:for 迴圈,裡面的cell(姑且這麼叫),肯定是乙個float:left。

關鍵是這個大的view屬性該如何寫(重中之重)

這樣寫

"float:none;width:100%;flex-direction:row-reverse;zoom:1;overflow:hidden;"

>

for=

"}"class

="canyushang" bindtap=

"tapc" data-cid=

"}">

"aspectfill" style=

"width: 100%" src=

"}">

<

/image>

='wenzi'

>

}<

/text>

<

/view>

<

/view>

這樣的效果這樣子

高度也合適,我這裡只有兩排,當然可以更多,無非就是調整cell的寬度。

就醬ps. 我這就是個給自己記錄而已,看不大明白的可以先學下官方文件,裡面都有的詳細的說明,這些知識都是成體系的。

微信小程式 列表渲染wx for

在元件上使用wx for控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。預設陣列的當前項的下標變數名預設為index,陣列當前項的變數名預設為item view wx for view page 使用wx for item可以指定陣列當前元素的變數名,使用wx for index可以指...

微信小程式列表項滑動顯示刪除按鈕

原理很簡單,用2個層,上面的層顯示正常的內容,下面的層顯示乙個刪除按鈕,就是記錄手指滑動的距離,動態的來移動上層元素,當然上層用絕對定位。wxml 刪除 wxss import common weui.wxss container record record right record left re...

5 微信小程式 列表渲染 wx for

在元件上使用wx for控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。預設陣列的當前項的下標變數名預設為index,陣列當前項的變數名預設為item for page 使用wx for item可以指定陣列當前元素的變數名,使用wx for index可以指定陣列當前下標的變數名 f...