首页 > 代码库 > 微信小程序把玩（二十）slider组件

微信小程序把玩（二十）slider组件

2024-09-06 02:58:34   218人阅读

原文:微信小程序把玩（二十）slider组件

技术分享

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

主要属性：

技术分享

wxml

<slider     max="100"    step="10"    show-value=http://www.mamicode.com/"true"    bindchange="listenerSlider"/>

js

Page({  data:{    // text:"这是一个页面"  },  /**   * 监听slider   */  listenerSlider:function(e) {      //获取滑动后的值      console.log(e.detail.value);  },  onl oad:function(options){    // 页面初始化 options为页面跳转所带来的参数  },  onReady:function(){    // 页面渲染完成  },  onShow:function(){    // 页面显示  },  onHide:function(){    // 页面隐藏  },  onUnload:function(){    // 页面关闭  }})
<script type="text/javascript"> $(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); }); }); </script>

    微信小程序把玩（二十）slider组件


联系
我们