把列表数据写在数组中,使用wx:for来显示出来。
未使用服务器,把数组写在新建的newsData文件夹,名为newsData.js的界面,形式为
var initData=[
{
"id":0, //需要一个唯一识别的标识符id
"imag":"/images/1.jpg", //假如使用的images文件夹里的图片
"title":"lucy"
},
{
"id":1,
"imag":"/images/2.jpg",
"title":"tom"
}
]
这个数组是在单独的js里,别的界面需要使用时,要在本界面模块化,即
module.exports={
initData:initData
}
然后在需要使用这个数据的js界面定义
var newsData=require("../newsData/newsData.js");
在onLoad中用this.setData显示在视图层中
onLoad:function(e){
this.setData({
newsData:newsData.initData
})
}
在wxml界面显示
<block wx:for="{{newsData}}" wx:key="index" wx:for-item="item">
<image src="{{item.imag}}"></image>
<text>{{item.title}}</text>
</block>
其中text组件用{{}}时不需要加双引号,其他组件和wx:for等都需要加。
wx:for-item="item"是默认的,不写也可以,或者可以重新命名为其他,在下面的item也改为其他名字。