激情欧美一区二区三区免费看,人妻丝袜熟女乱一区二区,av一区二区精品自拍偷拍

業(yè)務經(jīng)理

微信掃描以上二維碼

028-61286886

在線咨詢

API接口開發(fā)

小程序模塊內容列表數(shù)據(jù)調用

創(chuàng)建時間：2020-07-10 11:34:19 更新時間：2020-08-24 11:27:38 文檔糾錯/我來修改此文檔（1）不會操作怎么辦？

調用模塊內容數(shù)據(jù)在小程序頁面中顯示，用到的api接口是：

pages\news\list.js 文件中請求小程序的代碼

var app=getApp();//獲取appid

Page({

/**
     * 頁面的初始數(shù)據(jù)
     */
    data: {

listData:[],
        hidden: true,
        page: 1,
        hasMore:"false"
    },

onLoad:function(options){
        
        // 請求服務器數(shù)據(jù)
        var self=this;
        wx.request({
            url: "http://www.pcms.com/index.php?appid=2&appsecret=PHPCMF9BF840CB2139F&s=news&c=search&pagesize=10&api_call_function=module_search_news_list",
            method: 'GET',
            success: function(res){
             
                console.log(res.data);
                if (res.data.code == 1) {
                    self.setData({
                        listData:res.data.data,
                        page: 1
                    });
                } else {
                    console.log(res.data.msg);
                    
                }

}

})
    },
    onReachBottom:function(){
        // 綁定分頁操作
        this.setData({hidden:false});
        var self=this;
        var pageid = self.data.page + 1;

wx.request({
            url: "http://www.pcms.com/index.php?appid=2&appsecret=PHPCMF9BF840CB2139F&s=news&c=search&pagesize=10&api_call_function=module_search_news_list",
            method: 'GET',
            data: {
                page: pageid
            },

success: function(res){

if (res.data.code == 1) {
                    if(res.data.data.length==0){
                        self.setData({
                            hasMore:"true",
                            hidden:false
                        });
                        setTimeout(function(){
                            self.setData({
                                hasMore:"false",
                                hidden:true
                            });
                        },900)
                    }else{
                        self.setData({
                            listData:res.data.data,
                            hidden:true,
                            page:pageid
                        });
                    }
                } else {
                    console.log(res.data.msg);
                }

}
        })
    }

})

這個請求代碼表示請求后臺news模塊的內容數(shù)據(jù)

pages\news\list.wxml 小程序模板代碼為：

<scroll-view class="news-item" scroll-y="true">
<block wx:for="{{listData}}" wx:for-item="news">
   <navigator url="../news/show?id={{news.id}}">
   <view class="news-view">
     <image src="{{news.thumb}}" wx:if="{{news.thumb!=''}}"/>
     <view class="news-content">
             <view class="news-title">
             {{news.title}}
             </view>           
           <view class="pos">
                <view class="news-time">{{news.inputtime}}</view>
                <view class="fr">
                  <view class="news-see">
                  <image src="../../icons/see.png" />
                  {{news.hits}}
                  </view>
                  <view class="news-pl">
                  <image src="../../icons/message.png" />
                  {{news.comments}}
                  </view>
                </view>
            </view>
     </view>
   </view>
   </navigator>
   </block>
</scroll-view>

<view class="pl-bottom">
<view hidden="{{hidden}}" class="hidden" wx:if="{{hasMore!='true'}}"> 正在加載....</view>
<view hidden="{{hidden}}" class="hidden" wx:else>沒有更多數(shù)據(jù)了....</view>
</view>

pages\news\list.wxss

.index-banner{
    width: 100%;
    height: 285rpx;
   
}
.index-banner image{
    width: 100%;
    height: 100%;
}

.fast-news{
   padding: 30rpx 30rpx 30rpx 30rpx;
   display: flex;
   border-bottom: 1px solid #eeeeee;
}
.red-sub{
    width: 80rpx;
    height: 34rpx;
    background-color: #ff402e;
    color: white;
    font-size: 28rpx;
    text-align: center;
    line-height: 34rpx;
    border-radius: 2rpx;
}
.kx-title{
    font-size: 32rpx;
   margin-left: 20rpx;
}
.news-item{
    width: 100%;

}
.news-view{
     padding: 30rpx 0 30rpx 0;
       display: flex;
        border-bottom: 1px solid #eeeeee;
        margin: 0 30rpx 0 30rpx;
}
.news-view image{
     width: 241rpx;
     height: 148rpx;
}
.news-content{
    margin-left: 20rpx;
    width: 100%;
}
.news-title{

line-height: 45rpx;
    overflow: hidden;
   font-size: 28rpx;
   padding-bottom: 30rpx;
}

.news-hot{
    box-sizing: border-box;
    border: 1px solid #ff402e;
     width: 80rpx;
     height:40rpx;
     line-height: 40rpx;
     text-align: center;
     font-size: 13rpx;
     color: #ff402e;
     margin-left: 10rpx;
}

.pl-bottom {
    margin-top:30rpx;
}

本文地址：http://m.apdwn.com/doc/984.html

技術求助：不會操作怎么辦？點擊前往技術求助！

文檔修改：文檔有誤、不完善、我來提醒官方修改此文檔（1）

成年人的在线免费视频,婷婷91精品国产91久久综合,人妻精品人妻888,性感美女视频一区二区三区,国产熟女精品视频免费看,国内精品九九久久精品小草,中文字幕日韩精品欧美丝袜,午夜精品久久久久蜜桃毛片,91久久在线视频观看

幫助文檔

開發(fā)入門

API接口

開發(fā)實例

小程序模塊內容列表數(shù)據(jù)調用