微信小程序开发（七）————文章列表页制作

文章列表页面:如图:

文章列表图

关于这个列表页的代码，仍然是写在post.wxml里面的，我们的文章列表就是放在轮播图的下方，在这里，我直接把文章列表页面的代码给大家贴过来，毕竟界面和样式不是我们的重点，代码如下：

post.wxml

post.wxss

post.wxss

post.wxss

文章列表吧，如图：

效果图

效果试出来了，但是，数据我是直接写在wxml文件里面，当然，你直接把数据写在wxml文件里面可以，但是当你维护的时候就知道多恐怖了，那么我们正确的做法是放在哪里呢，大家自定打开post.js文件，大家找到这个data，如图：

data

我们通常都是把数据写在data里面，然后wxml进行调用，我们来写一个，如图：

data了里面的书写格式是 属性名：值，这个属性名大家自己按照自己的喜好进行命名就行，我定义了一个属性name它的值为小王，那么我们应该怎么在wxml文件里面进行调用呢，很简单，大家来看一下代码就懂了：

在wxml中把定义的属性值放在两个花括号里面即可。