## wx:for练习 >post.wxml ``` <block wx:for="{{post_content}}" wx:for-item="item"> <view class="post-container"> <view class="post-author-date"> <image class="post-author" src="{{ item.author_img }}"></image> <text class="post-date">{{ item.date }}</text> </view> <text class="post-title">{{ item.title }}</text> <image class="post-image" src="{{item.post_img}}"></image> <text class="post-content">{{ item.content }}</text> <view class="post-like"> <image class="post-like-image" src="../../images/icon/chat.png"></image> <text class="post-like-font">{{ item.collect_num }}</text> <image class="post-like-image" src="../../images/icon/view.png"></image> <text class="post-like-font">{{ item.view_num }}</text> </view> </view> </block> ``` >post.js ``` // pages/posts/posts.js Page({ /\*\* \* 页面的初始数据 \*/ data: { }, /\*\* \* 生命周期函数--监听页面加载 \*/ onLoad: function(options) { var post\_content = \[{ date: 'Nov 18 2019', title: '正是虾肥蟹胖时', post\_img: "/images/post/crab.png", content: '菊黄蟹正肥,品尝秋之味。徐志摩把,“看初花的荻芦”和“到楼外楼吃蟹”,并列为秋天来杭州不能错过的风雅之事;用林妹妹的话讲是“螯封嫩玉双双满', view\_num: '112', collect\_num: '96', author\_img: '/images/avatar/1.png' }, { date: 'Sep 25 2016', title: '比利-林恩的中场故事', post\_img: '/images/post/bl.png', content: '一 “李安是一位绝不会重复自己的导演,本片将极富原创性李安众所瞩目的新片《比利林恩漫长的中场休息》,正式更名《半场无战事》。', view\_num: '96', collect\_num: '112', author\_img: '/images/avatar/2.png' }\] this.setData({ post\_content }) }, /\*\* \* 生命周期函数--监听页面初次渲染完成 \*/ onReady: function() { }, /\*\* \* 生命周期函数--监听页面显示 \*/ onShow: function() { }, /\*\* \* 生命周期函数--监听页面隐藏 \*/ onHide: function() { }, /\*\* \* 生命周期函数--监听页面卸载 \*/ onUnload: function() { }, /\*\* \* 页面相关事件处理函数--监听用户下拉动作 \*/ onPullDownRefresh: function() { }, /\*\* \* 页面上拉触底事件的处理函数 \*/ onReachBottom: function() { }, /\*\* \* 用户点击右上角分享 \*/ onShareAppMessage: function() { } }) ```