本文共 749 字，大约阅读时间需要 2 分钟。

一. slider的介绍

slider为滑块选择器.常用的属性如下

二.代码示例

wxml中的代码如下. 主要演示了slider的一些属性. 还有事件的绑定

js中的代码如下.

Page({
     /**   * 页面的初始数据   */  data: {
       myheight: "500rpx",    staticHeight: 500  },  iamchanging: function(e){
              var val = e.detail.value;           var newHeight= this.data.staticHeight*(val /100);      this.setData({
           myheight: newHeight+ "rpx"      });  },  changeme: function (e) {
       var val = e.detail.value;    var newHeight = this.data.staticHeight * (val / 100);    this.setData({
         myheight: newHeight + "rpx"    });  }})

效果如下,当滑块越往右拖动的时候, 下面的绿色矩形的面积就会越大.

转载地址：https://javaweixin6.blog.csdn.net/article/details/89036000 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！