【微信小程序】slider滑动选择器(82/100）_微信小程序slider

UI布局：

<!--pages/slider/slider.wxml-->
<text class="page__title">slider</text>
<text class="page__desc">滑块</text>

<text class="section__title">设置left/right icon</text>
<view class="body-view">
  <slider bindchange="slider1change" left-icon="cancel" right-icon="success_no_circle" />
</view>

<text class="section__title">设置step</text>
<view class="body-view">
  <slider bindchange="slider2change" step="5" />
</view>

<text class="section__title">显示当前value</text>
<view class="body-view">
  <slider bindchange="slider3change" show-value />
</view>

<text class="section__title">设置最小/最大值</text>
            <view class="body-view">
                <slider bindchange="slider4change" min="50" max="200" show-value/>
            </view>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

功能描述
滑动选择器。

属性说明
属性 类型 默认值 必填 说明 最低版本
min number 0 否 最小值 1.0.0

max number 100 否 最大值 1.0.0

step number 1 否 步长，取值必须大于 0，并且可被(max - min)整除 1.0.0

disabled boolean false 否 是否禁用 1.0.0

value number 0 否 当前取值 1.0.0

color color #e9e9e9 否 背景条的颜色（请使用 backgroundColor） 1.0.0

selected-color color #1aad19 否 已选择的颜色（请使用 activeColor） 1.0.0

activeColor color #1aad19 否 已选择的颜色 1.0.0

backgroundColor color #e9e9e9 否 背景条的颜色 1.0.0

block-size number 28 否 滑块的大小，取值范围为 12 - 28 1.9.0

block-color color #ffffff 否 滑块的颜色 1.9.0

show-value boolean false 否 是否显示当前 value 1.0.0

bindchange eventhandle 否 完成一次拖动后触发的事件，event.detail = {value} 1.0.0

bindchanging eventhandle 否 拖动过程中触发的事件，event.detail = {value} 1.7.0

产品推荐

推荐理由

postman在国内使用已经越来越困难：
1、登录问题严重
2、Mock功能服务基本没法使用
3、版本更新功能已很匮乏
4、某些外力因素导致postman以后能否使用风险较大
出于以上考虑因此笔者自己开发了一款api调试开发工具SmartApi，满足基本日常开发调试api需求

简介

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线
smartApi是一款对标国外的postman的api调试开发工具，由于开发人力就作者一个所以人力有限，因此v1.0.0版本功能进行精简，大功能项有：

• api参数填写
• api请求响应数据展示
• PDF形式的分享文档
• Mock本地化解决方案
• api列表数据本地化处理
• 再加上UI方面的打磨

下面是一段smartApi使用介绍：

下载地址：

https://pan.baidu.com/s/1kFAGbsFIk3dDR64NwM5y2A?pwd=csdn