Home >WeChat Applet >Mini Program Development >Detailed introduction of WeChat applet slider component

Detailed introduction of WeChat applet slider component

高洛峰
高洛峰Original
2017-03-24 10:40:402427browse

This article mainly introduces the relevant information about the detailed introduction of the slider component of the WeChat Mini Program (Twenty). Friends in need can refer to the

微信小程序 slider组件详细介绍

slider sliding component. Not too much, I don’t use it much on other platforms anyway

Main attributes:

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

For more detailed introductions to WeChat applet slider components and related articles, please pay attention to the PHP Chinese website!

Related articles:

Examples help you understand the HTML5 sliding area selection element Slider element

hwSlider-content sliding switching effect (1)

hwSlider-content sliding switching effect (2): responsive touch sliding

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn