> 위챗 애플릿 > 미니 프로그램 개발 > WeChat 애플릿 슬라이더 구성 요소에 대한 자세한 소개

WeChat 애플릿 슬라이더 구성 요소에 대한 자세한 소개

高洛峰
풀어 주다: 2017-03-24 10:40:40
원래의
2358명이 탐색했습니다.

본 글은 위챗 미니 프로그램(스물)의 슬라이더 구성요소에 대한 자세한 소개 관련 정보를 주로 소개합니다. 도움이 필요한 친구는

微信小程序 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(){
 // 页面关闭
 }
})
로그인 후 복사

WeChat 애플릿 슬라이더 구성 요소에 대한 자세한 소개 및 관련 기사는 PHP 중국어 웹사이트를 참고하세요!

관련 기사:

예제는 HTML5 슬라이딩 영역 선택 요소 Slider 요소를 이해하는 데 도움이 됩니다

hwSlider 콘텐츠 슬라이딩 전환 효과(1 )

hwSlider 내용 슬라이딩 전환 효과(2): 반응형 터치 슬라이딩

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿