2. //flash.js
3. onReady:function(){
4.      // 页面渲染完成
5.      var that = this,duration = 1500;
6.      var animation = wx.createAnimation({
7.          duration: duration,
8.      });
10.      //step() 方法表示一组动画的结束
11.      animation.scale(2).rotate(360).step();
12.      animation.scale(1).step();
14.      this.setData({
15.          animationData : animation.export()
16.      });
18.      var timestamp = new Date().getTime();
19.      setTimeout(function(){
20.        wx.redirectTo({
21.          url: ‘../index/index?time=’+timestamp
22.        })
23.      },duration*2.5);
25. },

复制代码

1. //flash.wxml
3. <image class=”flash-img” animation=”{{animationData}}” src=”{{src}}” ></image>

复制代码

网络请求方法:

2. //app.js
4.   req: function(url,data,param){
6.     var requestData = {
8.       url: url,
10.       data: typeof data == ‘object’ ? data : {},
12.       method: typeof param.method == ‘string’ && param.method.length > 0 ? param.method.toUpperCase() : ‘GET’,
14.       header: typeof param.header == ‘object’ ? param.header : {},
16.       success: function(res) {
18.         typeof param.success == ‘function’ && param.success(res);
20.       },
22.       fail: function(res){
24.         typeof param.fail == ‘function’ && param.fail(res);
26.       },
28.       complete: function(res){
30.         typeof param.complete == ‘function’ && param.complete(res);
32.       }
34.     };
36.     wx.request(requestData);
38.   },

复制代码

列表页:

2. //index.js
4. var app = getApp(),currentPage = 1;
6. const URL = “http://apis.baidu.com/showapi_open_bus/channel_news/search_news”;
10. Page({
12.   data:{
14.     imgUrls: [
16.       ‘http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg’,
18.       ‘http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg’,
20.       ‘http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg’
22.     ],
24.     toView: “”,
26.     loadingHidden:true,
28.     renderData:[],
30.   },
32.   onLoad:function(options){
34.     this.loadDataFromServer();
36.   },
38.   //api读取数据
40.   loadDataFromServer: function(){
42.     var that = this;
44.     that.changeLoadingStatus(false);
46.     app.req(URL,{
48.       page : currentPage,
50.       needContent : 1,
52.     },{
54.       header: { apikey: app.globalData.apikey },
56.       success:function(resp){
58.         console.log(resp);
60.         console.log(“成功加载页数 “+currentPage);
62.         var tempData = resp.data.showapi_res_body.pagebean.contentlist;
64.         var toViewId = currentPage % 2 == 0 ? “top-id” : “top-id2”; //需要改变值页面才会重新渲染
66.         that.setData({
68.            //renderData: that.data.renderData.concat(tempData),  合并数组容易超出长度,无法做到无限加载
70.            renderData: tempData,
72.            toView: toViewId,
74.         });
76.         that.changeLoadingStatus(true);
78.       }
80.     });
84.   },
86.   //加载上一页或者下拉刷新
88.   refresh:function(e){
90.       currentPage = currentPage > 1 ? –currentPage : 1;
92.       this.loadDataFromServer();
94.   },
96.   //加载下一页
98.   loadMore:function(e){
100.       ++currentPage;
102.       this.loadDataFromServer();
104.   },
106.   //改变loading状态
108.   changeLoadingStatus: function(bool){
110.     this.setData({
112.       loadingHidden: bool
114.     });
116.   },
118.   onReady:function(){
120.     // 页面渲染完成
122.     wx.setNavigationBarTitle({
124.       title: ‘列表’
126.     });