最近小程序挺火的，于是我奉命弄弄小程序，好了廢話不說，先實現(xiàn)個iOS里面最常見的tableview吧。

基礎(chǔ)的我就不說了，想要實現(xiàn)tableview，首先先弄個滑動的 ，那就它了 scroll-view;

 

有了框架，我們得弄里面的內(nèi)容了，在微信小程序里，for循環(huán)就好了，看下面代碼

 

 

里面這一句比較厲害了 wx:for 這個就是小程序的for循環(huán)了。我們把數(shù)據(jù)卸載for的后面就好了 wx:for="{{array}}"，就像這樣。官方原畫是這樣的：

 

 

在組件上使用wx:for控制屬性綁定一個數(shù)組，即可使用數(shù)組中各項的數(shù)據(jù)重復(fù)渲染該組件。

默認數(shù)組的當(dāng)前項的下標(biāo)變量名默認為index，數(shù)組當(dāng)前項的變量名默認為item

我們用的就是列表渲染。

好了該細調(diào)一下里面的cell,像我這個就是一個圖片集合，下面帶著文字而已，ok，總體來說就醬（在wxml里）

 

沒有數(shù)據(jù)哇，數(shù)據(jù)在這呢（在.js里面）微信分的好清楚呢

 

數(shù)據(jù)習(xí)慣用

來表示，data里面放我們在wxml定義的array了，整體的代碼就是