微信小程序把玩(二十)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(){
    // 页面关闭
  }
})

$(function () {
$(‘pre.prettyprint code‘).each(function () {
var lines = $(this).text().split(‘\n‘).length;
var $numbering = $(‘

    ‘).addClass(‘pre-numbering‘).hide();
    $(this).addClass(‘has-numbering‘).parent().append($numbering);
    for (i = 1; i <= lines; i++) {
    $numbering.append($(‘

  • ‘).text(i));
    };
    $numbering.fadeIn(1700);
    });
    });