小程序教程——列表

好看的网页千篇一律，有趣的代码万里挑一。

大家好，我是一名程序媛，云瑶糖糖，你也可以称呼我糖糖，主攻web前端，这是我在简书的第三篇博客，我们开始做列表页。

---

列表效果图

思路

这是一个左右结构布局，里面的数据渲染上去，有时间戳，需要转换。

时间戳

微信小程序中默认的时间是时间戳，也就是一串数字代码。我们需要敲一个函数来将时间戳转换为我们常用的格式。

全局可用

新建一个文件夹名为wxs

在他下级新建filter.wxs

list.wxml

list中的值都是从后端获取的，这里需要从后端拿数据。

---

封装函数，让代码像诗一样简洁优雅。

---

列表

打开utils的index.js

list.js （里面就会调用刚刚写好的封装函数）

json文件中改名字，样式文件根据喜好设定，这里就不上传了。注意js中的函数、请求地址。