Slider 组件样式问题

[zlinggnilz]

问题描述 Slider 组件中 view 是默认的 box-sizing: content-box 但没有在样式中显示写上该样式。 当全局给 view 写了 box-sizing: border-box 时，导致 Slider 组件有样式问题。只能显示的给 .u-slider 及内部view添加样式: .u-slider{ &,view {box-sizing: content-box} } 建议如果组件中 view 或其他元素依的样式需要依赖于 content-box 时，在组件样式中显示写上。

复现步骤 复现该行为的步骤：

1. 在全局样式中设置 view { box-sizing: border-box; }
2. 如果需要更明显，可以给 Slider 组件设置高度。

预期行为 不依赖于 content-box 或在组件中显示写上 box-sizing: content-box 的样式

截图 当全局设置 view { box-sizing: border-box; } 时，Slider 如图：

[ijry]

没有吧，我看了下默认就是box-sizing: border-box;不依赖 content-box。

[ijry]

[zlinggnilz]

没有吧，我看了下默认就是box-sizing: border-box;不依赖 content-box。

上方截图是微信开发者工具截图，如果不是box-sizing问题，那就是其他样式有问题。 不修改为 content-box ，给 u-slider__base 和 u-slider__gap 添加 flex-shrink:0 也可以

[zlinggnilz]

@ijry 能再看一下吗，微信开发者工具里是有问题的