##1.?? ???? ??

###1.1 ???? ????

??? ?? ??? ?????

??: ?? ???? ???? ?? ?? ??? ???? WXSS? ?? ??? ???? ???. ###1.2 ??? ????

??? ?? ??? ?????

??: ???? 12?? ??? ??? ? ? 3?? ??/?? ???? 9?? ??? ?????. ###1.3 ??? ???? ??? ?? ??? ?????

iconType: [ '??', '??', '??', '??', 'safe_success', 'safe_warn', 'success_circle', 'success_no_circle', 'waiting_circle', 'circle', '????', 'info_circle' , '??', '??', '??' ]

2. ?? ?? ?? ? ??? ?? ?? ??

##2.1 ?? ???? ?? ??? ?? ??? ????? ##2.2 ??? ?? ?????. ?? ###2.2.1detail.wxml ???? ??? ?????? ?? ???

<loadinghidden="{{hidden}}"bindchange="loadingChange">
?? ?...
</?? ?> <scroll-view ???-y="true" ???="??: 100%;" ???scrolltolower="loadMore" ??????toupper="refesh">
<wx:if="{{hasRefesh}}" style="display: flex;flex-direction: row;align-items: center;align-self: center;justify-content: center;">
<icon type="waiting" size="45"/><text>???? ?...</text></view>
<wx:else style="display:none" ?? ><text></text></view>
<view class="lll" wx:for="{{list}}" wx:for-item="item" bindtap="bindViewTap"
? ? ? ? ? data-title="{{item.title}}" >
<image style=" ??: 50px;??: 50px;??: 20rpx;" src="{{item.firstImg}}" ></image>
<view class="eee"
<view style="margin:5px;font-size:8px"> ??:{{item.title}}</view>
<view style="margin:5px;color:red;font-size:6px"> ??:{{item.source}}</view>
? ? ? ? ? ? ? </??>
</??>
<view class="tips1">
<wx:if="{{hasMore}}" style="display: flex;flex-direction: row;align-items: center;align-self: center;justify-content: center;">
<icon type="waiting" size="45"/><text>?? ?...</text></view>
<wx ??:else><text>? ?? ???? ????</text></view>
</??>
</??? ??>

###2.2.1 Detail.js ?? ?? ??


var network_util = require('../../utils/network_util.js');
var json_util = require('../../utils/json_util.js');
???({
???:{
// ???:"??????"
??:[],
dd:'',
??:??,
???: 1,
??: 20,
? ??:??,
hasRefesh:false
},
onLoad:??(??){
var that = this;
var url = 'http://v.juhe.cn/weixin/query?key=f16af393a63364b729fd81ed9fdd4b7d&pno=1&ps=10';
Network_util._get(url,
??(res){
That.setData({
??:res.data.result.list,
??: ??,
});
},??(res){
console.log(res);
});
},
onReady:??(){
// ??? ??? ??
},
onShow:??(){
// ??? ??
},
onHide:??(){
// ??? ??
},
onUnload:??(){
//??? ??
},
//????? ??
BindViewTap: ??(e) {
console.log(e.currentTarget.dataset.title);
},
//? ??
loadMore: ??(e) {
var that = this;
That.setData({
hasRefesh:true,});
(!this.data.hasMore)? ???? ??
var url = 'http://v.juhe.cn/weixin/query?key=f16af393a63364b729fd81ed9fdd4b7d&pno='+(++that.data.page)+'&ps=10';
Network_util._get(url,
??(res){
That.setData({
??: that.data.list.concat(res.data.result.list),
??: ??,
HasRefesh:false,
});
},??(res){
console.log(res);
})
},
//???? ??
????: ??(e) {
var that = this;
that.setData({
hasRefesh:??,
});
var url = 'http://v.juhe.cn/weixin/query?key=f16af393a63364b729fd81ed9fdd4b7d&pno=1&ps=10';
Network_util._get(url,
??(res){
That.setData({
??:res.data.result.list,
??: ??,
???:1,
? ? ? ?hasRefesh:false,
? ? });
? ? },??(res){
? ? ?console.log(res);
?})
},
})