wepy - 与原生有什么不同(app.js和app.wpy比较)

 

app.js和app.wpy有什么不同呢?

答.app.wpy单文件包含了app.wxss\app.js\app.json\app.wxml

 

app.js

 1 App({
 2 
 3   /**
 4    * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
 5    */
 6   onLaunch: function () {
 7     
 8   },
 9 
10   /**
11    * 当小程序启动,或从后台进入前台显示,会触发 onShow
12    */
13   onShow: function (options) {
14     
15   },
16 
17   /**
18    * 当小程序从前台进入后台,会触发 onHide
19    */
20   onHide: function () {
21     
22   },
23 
24   /**
25    * 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
26    */
27   onError: function (msg) {
28     
29   }
30 })

 

 

 

 

app.wpy

  1 <style lang="less">
  2 @import './font/iconfont.less';
  3 page {
  4   height: 100%;
  5   background-color: #fff;
  6 }
  7 </style>
  8 
  9 <script>
 10 import wepy from 'wepy';
 11 import 'wepy-async-function';
 12 
 13 export default class extends wepy.app {
 14   config = {
 15     pages: [
 16       'pages/ep/ep',
 17       'pages/forexpress',
 18       'pages/bill/addone',
 19       'pages/plan',
 20       'pages/plan/clock',
 21       'pages/bill',
 22       'pages/me',
 23       'pages/me/about',
 24       'pages/me/planT',
 25       'pages/me/billT',
 26       'pages/index/index',
 27       'pages/expressJump/expressJump',
 28       'pages/share/share',
 29       'pages/me/edit',
 30       'pages/weather',
 31       'pages/historytoday',
 32       'pages/game/index',
 33       'pages/testYun/index'
 34     ],
 35     window: {
 36       backgroundTextStyle: 'light',
 37       navigationBarBackgroundColor: '#138cff',
 38       navigationBarTitleText: 'WeChat',
 39       navigationBarTextStyle: 'white',
 40       backgroundColor: '#138cff'
 41     },
 42     tabBar: {
 43       color: '#757982',
 44       selectedColor: '#138cff',
 45       borderStyle: 'white',
 46       backgroundColor: '#fff',
 47       list: [
 48         {
 49           pagePath: 'pages/plan',
 50           text: '计划',
 51           iconPath: 'images/tabbar/plan.png',
 52           selectedIconPath: 'images/tabbar/plan-on.png'
 53         },
 54         {
 55           pagePath: 'pages/bill',
 56           text: '账本',
 57           iconPath: 'images/tabbar/bill.png',
 58           selectedIconPath: 'images/tabbar/bill-on.png'
 59         },
 60         {
 61           pagePath: 'pages/forexpress',
 62           text: '快递',
 63           iconPath: 'images/tabbar/index.png',
 64           selectedIconPath: 'images/tabbar/index-on.png'
 65         },
 66         {
 67           pagePath: 'pages/weather',
 68           text: '天气',
 69           iconPath: 'images/tabbar/weather.png',
 70           selectedIconPath: 'images/tabbar/weather-on.png'
 71         },
 72         {
 73           pagePath: 'pages/me',
 74           text: '我的',
 75           iconPath: 'images/tabbar/me.png',
 76           selectedIconPath: 'images/tabbar/me-on.png'
 77         }
 78       ]
 79     }
 80   };
 81 
 82   globalData = {
 83     userInfo: null,
 84     info: {
 85       name: 11
 86     }
 87   };
 88 
 89   constructor() {
 90     super();
 91     this.use('requestfix');
 92     this.use('promisify');
 93   }
 94 
 95   onLaunch() {
 96     this.testAsync();
 97     Date.prototype.getWeek = function(days) {
 98       let week = [
 99         '星期天',
100         '星期一',
101         '星期二',
102         '星期三',
103         '星期四',
104         '星期五',
105         '星期六'
106       ];
107       return week[new Date(this).getDay()];
108     };
109   }
110 
111   sleep(s) {
112     return new Promise((resolve, reject) => {
113       setTimeout(() => {
114         resolve('promise resolved....');
115       }, s * 1000);
116     });
117   }
118 
119   async testAsync() {
120     const data = await this.sleep(3);
121     console.log('打印数据:', data);
122   }
123 
124   getUserInfo(cb) {}
125 }
126 </script>

 

posted @ 2018-10-30 21:59  Sunsin  阅读(2570)  评论(0编辑  收藏  举报