E企盈营销工具技术服务商 热线:4006-838-530

小程序slider组件

E企盈直播平台营销卖货系统

wxmlimport src=”../../../common/head.wxml” /import src=”../../../common/foot.wxml” /view class=”container”  template is=”head” data=”{{title: ‘slider’}}”/  view class=”page-body”    view class=”page-section page-section-gap”      view class=”page-section-title”设置step/view      view class=”body-view”        slider value=”60″ bindchange=”slider2change” step=”5″/      /view    /view    view class=”page-section page-section-gap”      view class=”page-section-title”显示当前value/view      view class=”body-view”        slider value=”50″ bindchange=”slider3change” show-value/      /view    /view        view class=”page-section page-section-gap”      view class=”page-section-title”设置最小/最大值/view      view class=”body-view”        slider value=”100″ bindchange=”slider4change” min=”50″ max=”200″ show-value/      /view    /view  /view   view class=”page-section page-section-gap”      view class=”page-section-title”显示当前value/view      view class=”body-view”        slider value=”50″ bindchange=”change0″ show-value/      /view    /view  template is=”foot” //viewjsvar pageData = {}for (var i = 1; i 5; ++i) {  (function (index) {    pageData[‘slider’ + index + ‘change’] = function(e) {      console.log(‘slider’ + index + ‘发生change事件,携带值为’, e.detail.value)    }  })(i)}Page(pageData)pageData[‘change0’] = function(e){  console.log(e.detail.value)}wxmlslider     max=”100″    step=”10″    show-value=”true”    bindchange=”listenerSlider”/123456jsPage({  data:{    // text:”这是一个页面”  },  /**   * 监听slider   */  listenerSlider:function(e) {      //获取滑动后的值      console.log(e.detail.value);  },  onLoad:function(options){    // 页面初始化 options为页面跳转所带来的参数  },  onReady:function(){    // 页面渲染完成  },  onShow:function(){    // 页面显示  },  onHide:function(){    // 页面隐藏  },  onUnload:function(){    // 页面关闭  }})

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序slider组件
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏