目錄：
1、可滾動區域
2、list + list-item
3、list + list-item-group + list-item
1、可滾動區域
在許多場景中，頁面會有一塊區域是可滾動的，比如這樣乙個簡單的每日新聞模組：
2、list + list-item
這裡以本地新聞模組為例，資料請求自天行資料介面（
上方為乙個搜尋框，下方是新聞列表。搜尋框給了固定高度，那麼怎樣讓新聞列表能夠佔滿螢幕剩餘部分呢？只需將父容器設定flex布局，list設定flex: 1即可。list下直接放list-item，在總高度超出list的高度後，即可上下滾動。
hml：
}}
}
/*本地新聞*/
.searchview
.searchview>image
.searchview>input
.localview
.localcontent
.newsitem
.newscontent
.newscontent>text
.newsdesc
.newsdesc>text
searchlocalnews()
fetch.fetch(
})},
3、list + list-item-group + list-item
list元件的子元素還可以是list-item-group，顧名思義應是分組列表項，list-item作為list-item-group的子元素。隨便寫一點看一看：
分組1 子項1
分組1 子項2
分組1 子項3
分組2 子項1
分組2 子項2
分組2 子項3
.managelist
.list-item-group
.list-item
.list-item>text
從微信小程式到鴻蒙js開發 14 自定義元件
鴻蒙入門指南，小白速來！從萌新到高手，怎樣快速掌握鴻蒙開發？課程入口 目錄 1 新建元件 2 前端設計 3 頁面使用 4 屬性傳入 5 自定義事件 在專案開發中，有些業務需求是需要通過多個元件共同實現的。為了便於模組化管理，減少 的冗餘，我們可以使用自定義元件，將多個元件融合成為乙個元件。這部分官方...
微信小程式開發 從px到rpx
但是這不是我們要關注的重點。在使用rem時，我們常常讓設計師根據iphone6的標準出設計稿。因為如果以iphone6為標準，並且在iphone6上將fontsize設定成62.5 那麼1rem就等於10px，我們只要將設計師標註的尺寸 一般標註的是物理解析度 除以20就可以得到單位為rem的數值了...
微信小程式開發
一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列，即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...