微信小程序网悦新闻开发--首页模块开发（三）

微信小程序网悦新闻开发–视频模块开发（四）

微信小程序网悦新闻开发–我的模块开发（五）

微信小程序网悦新闻开发–自定义组件开发（六）

微信小程序网悦新闻开发–云函数以及云数据开发（七）

新闻列表

首先给大家展示一下新闻列表页面的效果图

新闻列表使用微信小程序视图容器组件scroll-view开发，根据新闻的类型不同给用户不同的展现方式，以下是对应列表页面wxml的代码.。

<scroll-view

style=“height:{ {scrollHeight}}px;”

scroll-y=“{ {true}}”

refresher-enabled=“{ {true}}”

bindrefresherrefresh=“onRefresh”

refresher-triggered=“{ {isRefresh}}”

bindscrolltolower=“onReachBottom”

scrollTop=“{ {scrollTop}}” >

{ {item.title}}

{ {item.source}}

{ {item.commentCount}}跟帖

{ {item.title}}