wepy 文件结构／组件开发

脚手架生成的app.wpy文件是小程序入口

<style lang="less">
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
</style>

<script>
import wepy from 'wepy'
import 'wepy-async-function'


export default class extends wepy.app {
  config = {
    pages: [
      // 'pages/index',              对应路由
      'pages/home',
      'pages/activites',
      'pages/features',
      'pages/mine'
    ],
    window: {
      backgroundTextStyle: 'light',  　　窗口
      navigationBarBackgroundColor: '#fff',
      navigationBarTitleText: 'MyChat',
      navigationBarTextStyle: 'black'
    },
    tabBar: {
      list: [{
        pagePath: "pages/home",
        iconPath:'image/shouye_0.png',     底部导航
        selectedIconPath:'image/shouye_1.png',
        text: "首页"
      }, {
        pagePath: "pages/activites",
        iconPath:'image/kecheng_0.png',
        selectedIconPath:'image/kecheng_1.png',
        text: "课程"
      }, {
        pagePath: "pages/features",
        iconPath:'image/shizi_0.png',
        selectedIconPath:'image/shizi_1.png',
        text: "师资"
      }, {
        pagePath: "pages/mine",
        iconPath:'image/wode_0.png',
        selectedIconPath:'image/wode_1.png',
        text: "我的"
      }]
    },
  }

  globalData = {     全局变量
    userInfo: null
  }

  constructor () {
    super()
    this.use('requestfix')
  }

  onLaunch() {   web
    this.testAsync()
  }

  sleep (s) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('promise resolved')
      }, s * 1000)
    })
  }

  async testAsync () {
    const data = await this.sleep(3)
    console.log(data)
  }

  getUserInfo(cb) {
    const that = this
    if (this.globalData.userInfo) {
      return this.globalData.userInfo
    }
    wepy.getUserInfo({
      success (res) {
        that.globalData.userInfo = res.userInfo
        cb && cb(res.userInfo)
      }
    })
  }
}
</script>