目录

小程序笔记三之设置滑动选择器slider宽度

目录

小程序笔记(三)之设置滑动选择器slider宽度

一.问题描述

微信小程序的原生组件slider(滑动选择器)在开放文档只提供了最大最小值、步长、已选择颜色、未选择颜色以及滑动大小的设置等,但就是没有宽度或者粗细的设置字段,楼主以为只能自定义组件了,结果还是在茫茫百度中找到了答案,故在此做个记录

二.代码实现

1.原始效果

<view>
  <slider class="view2" min="0" max="100" step="10" backgroundColor="#778899" activeColor="#AC2424" block-size="13" block-color="FFFFFF"></slider>
</view>

https://i-blog.csdnimg.cn/blog_migrate/32581cb9fdfc241c089a21909264ca9d.png

2.在wxss中增加以下内容,wxml不需要改动

wx-slider .wx-slider-handle-wrapper {
  height: 25rpx;
}

https://i-blog.csdnimg.cn/blog_migrate/424aee09878458ec448a7a3e47b1069a.png#pic_center