微信小程序把玩(二十)slider组件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序把玩(二十)slider组件相关的知识,希望对你有一定的参考价值。

原文:微信小程序把玩(二十)slider组件

技术分享

slider滑动组件用的不太多,在其他平台反正我是用的不多

主要属性:

技术分享

wxml

<slider 
    max="100"
    step="10"
    show-value="true"
    bindchange="listenerSlider"
/>

js

Page({
  data:{
    // text:"这是一个页面"
  },

  /**
   * 监听slider
   */
  listenerSlider:function(e) {
      //获取滑动后的值
      console.log(e.detail.value);
  },

  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  }
})

以上是关于微信小程序把玩(二十)slider组件的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序把玩(二十三)modal组件

微信小程序把玩(二十七)audio组件

微信小程序把玩(二十四)toast组件

微信小程序把玩(二十八)image组件

微信小程序把玩icon组件

微信小程序把玩(十三)progress组件