我的想法是顯示乙個大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...