找回密码
 立即注册

扫一扫,访问微社区

查看: 4573|回复: 2

微信小程序学习用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]


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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

0

主题

245

回帖

63

金钱

新人求带

积分
0
发表于 2017-8-18 15:13:43 | 显示全部楼层
感谢分享
回复

使用道具 举报

0

主题

408

回帖

600

金钱

新人求带

积分
0
发表于 2020-4-20 11:16:36 | 显示全部楼层
我有流量,你有产品,我们就可以合作,有意的个人开发者朋友可以联系微,信,号j i m 2 0 1 8 0 6 8 8,详聊
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1  

GMT+8, 2024-3-29 01:07 , Processed in 0.115318 second(s), 25 queries .

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表