微信小程序学习用demo：节拍器：指针动画，audio，radio单选

柿霖不是林 · 发表于 2017-2-24 17:44:18

点评：通过修改设置内选项，对首页内进行更新，推荐学习研究；

[mw_shl_code=html,true]//index.js
//获取应用实例
var app = getApp()
Page({
  data: {
bpm: 96,
showDetail: true,
// TODO: 动态根据detailNotes生成notes
notes: [
   '1/2',
   '1/4',
   '2/2',
   '2/4',
   '2/3',
   '2/5',
   '3/4',
   '3/8',
   '3/16',
   '4/4',
   '4/8',
   '5/4',
   '5/8',
   '6/4',
   '6/8',
   '7/4',
   '7/8',
   '9/8',
   '11/8',
   '12/8',
   '14/16'
],
detailNotes: [{
   name: '戏曲',
   lists: [
      '1/2',
      '1/4'
   ]
}, {
   name: '颂歌进行曲',
   lists: [
      '2/2',
      '2/3',
      '2/5'
   ]
}, {
   name: '圆舞曲',
   lists: [
      '3/4',
      '3/8',
      '3/16',
      '6/4'
   ]
}, {
   name: '流行音乐',
   lists: [
      '2/4',
      '4/4',
      '4/8',
      '6/8'
   ]
}, {
   name: '常用混拍',
   lists: [
      '5/4',
      '5/8',
      '7/4',
      '7/8',
      '9/8'
   ]
}, {
   name: '迷之高端拍子',
   lists: [
      '11/8',
      '12/8',
      '14/16'
   ]
}],
anm: 1,
userInfo: {}
  },
  // bpm改变
  bpmchange: function(e) {
this.setData({
   bpm: e.detail.value
})

wx.setStorage({
   key: 'bpm',
   data: e.detail.value
})
  },
  // 拍号改变
  radioChange: function(e) {
this.setData({
   note: e.detail.value
})

wx.setStorage({
   key: 'noteStr',
   data: e.detail.value
})
  },
  // 拍号是否展示详情
  detailChange: function(e) {
this.setData({
   showDetail: e.detail.value
})
  },
  // 指针动画改变
  anmChange: function(e) {
var val = parseInt(e.detail.value);

this.setData({
   anm: val
})

wx.setStorage({
   key: 'anm',
   data: val
})
  },
  onLoad: function () {
console.log('onLoad setting')
  },
  onShow: function () {
// 从存储取数据
var note = wx.getStorageSync('noteStr') || '4/4';
var anm = wx.getStorageSync('anm') || 0;
var notes = this.data.notes;

this.setData({
   bpm: wx.getStorageSync('bpm') || 96,
   note: note,
   notes: notes,
   anm: anm
})
  },
  onPullDownRefresh: function(){
wx.stopPullDownRefresh()
  }
})[/mw_shl_code]

游客，如果您要查看本帖隐藏内容请回复

Ywenli · 发表于 2017-8-18 15:13:43

感谢分享

jack56846 · 发表于 2020-4-20 11:16:36

我有流量，你有产品，我们就可以合作，有意的个人开发者朋友可以联系微,信,号j i m 2 0 1 8 0 6 8 8，详聊

		自动登录	找回密码
密码			立即注册

微信小程序学习用demo：节拍器：指针动画，audio，radio单选

本帖子中包含更多资源