使用ActionEase SF创建信息小程序(2)


浏览:893 次

在小程序部分,首先查看文章列表页面的呈现:

文章列表页

你可以把车拉起来装更多

Wxml代码:

<刷卡项目>

<;/图像>

<刷卡项目>

<;/图像>

<刷卡项目>

<;/图像>

<刷卡项目>

<;/图像>

{{item.title}}

{{item.date}}

<;/视图>

加载更多…</view>

向上拉以加载更多报告</view>

<查看wx:else>

所有报告都已加载</view>

{版权}}

Js代码:

常量应用=获取应用()

第页({

数据:{

持续时间:2000,

indicatorDots:真,

自动播放:真,

间隔:3000,

加载:假,

plain:假,

页码:1,

页码:1,

hasMoreData:真,

isRefreshing:false,

isLoadingMoreData:假,

版权所有:app.globalData.copyright

},

onLoad:函数(){

Var that=this//不要遗漏这句话,它很重要

wx.请求({

url:'https://www.xxx.com/Category_4/Index.aspx ',

标题:{

'内容类型':'app/json'

},

成功:函数(res){

//将获取的json数据保存在名为zhihu的数组中

控制台日志(res.data.pages)

that.setData(设置数据)({

文章列表:res.data.articles,

页面:res.data.pages

})

//console.log(that.data.zhihu)

}

})

},

onReachBottom:函数(){

var th=这个

//if(this.data.is刷新|| this.data.Is加载更多数据||!this.data.hasMoreData){

//返回

//}

如果(that.data.page<