下载：https://github.com/xituqu/wechat-mini-app-master

index.js

Page({
  data: {
    menuList: [{
      name: '基础能力',
      APIList: [{
        zhName: '微信登录',
        enName: 'login',
        url: '../login/login'
      }, {
        zhName: '获取用户信息',
        enName: 'getUserInfo',
        url: '../get-user-info/get-user-info'
      }, {
        zhName: '发起支付',
        enName: 'RequestPayment',
        url: '../request-payment/request-payment'
      }],
      opened: false
    }, {
      name: '界面跳转、监听和加载',
      opened: false,
      APIList: [{
        zhName: '设置界面标题',
        enName: 'setNavigationBarTitle',
        url: '../set-navigation-bar-title/set-navigation-bar-title'
      }, {
        zhName: '标题栏加载动画',
        enName: 'navigationBarLoading',
        url: '../navigation-bar-loading/navigation-bar-loading'
      }, {
        zhName: '页面跳转',
        enName: 'navigateTo, navigateBack, redirectTo',
        url: '../navigator/navigator'
      }, {
        zhName: '下拉刷新',
        enName: 'pullDownRefresh',
        url: '../pull-down-refresh/pull-down-refresh'
      }, {
        zhName: '创建动画',
        enName: 'createAnimation',
        url: '../animation/animation'
      }, {
        zhName: '创建绘画',
        enName: 'createContext',
        url: '../canvas/canvas'
      }]
    }, {
      name: '设备相关',
      opened: false,
      APIList: [{
        zhName: '获取手机网络状态',
        enName: 'getNetworkType',
        url: '../get-network-type/get-network-type'
      }, {
        zhName: '获取手机系统信息',
        enName: 'getSystemInfo',
        url: '../get-system-info/get-system-info'
      }, {
        zhName: '监听重力感应数据',
        enName: 'onAccelerometerChange',
        url: '../on-accelerometer-change/on-accelerometer-change'
      }, {
        zhName: '监听罗盘数据',
        enName: 'onCompassChange',
        url: '../on-compass-change/on-compass-change'
      }]
    }, {
      name: '网络相关',
      opened: false,
      APIList: [{
        zhName: '发起一个请求',
        enName: 'request',
        url: '../request/request'
      }, {
        zhName: 'Web Socket',
        enName: 'Web Socket',
        url: '../web-socket/web-socket'
      }, {
        zhName: '上传文件',
        enName: 'Upload File',
        url: '../upload-file/upload-file'
      }, {
        zhName: '下载文件',
        enName: 'Download File',
        url: '../download-file/download-file'
      }]
    }, {
      name: '多媒体',
      opened: false,
      APIList: [{
        zhName: '图片',
        enName: 'chooseImage/previewImage',
        url: '../image/image'
      }, {
        zhName: '录音',
        enName: 'start/stopRecord, play/pause/stopVoice',
        url: '../voice/voice'
      }, {
        zhName: '背景音频',
        enName: 'play/pause/stopAudio',
        url: '../background-audio/background-audio'
      }, {
        zhName: '文件',
        enName: 'saveFile',
        url: '../file/file'
      }]
    }, {
      name: '数据',
      opened: false,
      url: '../storage/storage'
    }, {
      name: '地理位置',
      opened: false,
      APIList: [{
        zhName: '获取当前位置',
        enName: 'getLocation',
        url: '../get-location/get-location'
      }, {
        zhName: '使用原生地图查看位置',
        enName: 'openLocation',
        url: '../open-location/open-location'
      }]
    }]
  },
  tapMenuItem: function (e) {
    var menuItem = this.data.menuList[parseInt(e.currentTarget.id)]
    if (menuItem.url) {
      wx.navigateTo({ url: menuItem.url })
    } else {
      var changeData = {}
      var opened = menuItem.opened

      changeData['menuList[' + e.currentTarget.id + '].opened'] = !opened
      this.setData(changeData)
    }
  }
})

Animation.js

Page({
  onReady: function () {
    this.animation = wx.createAnimation()

  },
  rotate: function () {
    this.animation.rotate(Math.random() * 720 - 360).step()
    this.setData({ animation: this.animation.export() })
  },
  scale: function () {
    this.animation.scale(Math.random() * 2).step()
    this.setData({ animation: this.animation.export() })
  },
  translate: function () {
    this.animation.translate(Math.random() * 100 - 50, Math.random() * 100 - 50).step()
    this.setData({ animation: this.animation.export() })
  },
  skew: function () {
    this.animation.skew(Math.random() * 90, Math.random() * 90).step()
    this.setData({ animation: this.animation.export() })
  },
  rotateAndScale: function () {
    this.animation.rotate(Math.random() * 720 - 360)
        .scale(Math.random() * 2)
        .step()
    this.setData({ animation: this.animation.export() })
  },
  rotateThenScale: function () {
    this.animation.rotate(Math.random() * 720 - 360).step()
        .scale(Math.random() * 2).step()
    this.setData({ animation: this.animation.export() })
  },
  all: function () {
    this.animation.rotate(Math.random() * 720 - 360)
        .scale(Math.random() * 2)
        .translate(Math.random() * 100 - 50, Math.random() * 100 - 50)
        .skew(Math.random() * 90, Math.random() * 90)
        .step()
    this.setData({ animation: this.animation.export() })
  },
  allInQueue: function () {
    this.animation.rotate(Math.random() * 720 - 360).step()
        .scale(Math.random() * 2).step()
        .translate(Math.random() * 100 - 50, Math.random() * 100 - 50).step()
        .skew(Math.random() * 90, Math.random() * 90).step()
    this.setData({ animation: this.animation.export() })
  },
  reset: function () {
    this.animation.rotate(0, 0)
                  .scale(1)
                  .translate(0, 0)
                  .skew(0, 0)
                  .step({ duration: 0 })
    this.setData({ animation: this.animation.export() })
  }
})

关注稀土区微信公众号，获取一手资源