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

问题描述

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

截图效果

如何解决vant-slider组件在display:flex下的特效问题_第1张图片

解决问题

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

没包含在diplay:flex下


  包含在diplay:flex下
  
    
  
.slider-in-flex {
  width: 100px;
}

其他参数

设备:PC桌面、手机端

VantWeapp版本: 1.6.4

小程序基础库版本:2.12.2

参考链接

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

你可能感兴趣的:(如何解决vant-slider组件在display:flex下的特效问题)