如何解决vant-slider组件在display:flex下的特效问题

问题描述

最近在使用Vant-weapp UI组件库开发小程序，在使用vant-slider组件时发现一个问题：
vant-slider包含在display:flex的元素下，无法实现拖动效果

截图效果

解决问题

用 custom-class 给组件加上固定宽度即可，外层加了 display:flex; 以后，内部的相对宽度都会失效的。

<view>没包含在diplay：flex下</view>
<van-slider bind:change="onChange" />
<view style="display: flex;padding-top:80px ">
  <view>包含在diplay：flex下</view>
  <view style="margin-top:40px">
    <van-slider custom-class="slider-in-flex" bind:change="onChange" />
  </view>
</view>

.slider-in-flex {
  width: 100px;
}

其他参数

设备：PC桌面、手机端

VantWeapp版本: 1.6.4

小程序基础库版本：2.12.2

参考链接

[Bug Report] vant-slider组件在display:flex下的特效问题