1. van-stepper有定义外部样式类custom-class
2. 比如我们想更改减号的样式
3. 可以在van-stepper中直接定义custom-class,例如custom-class="test1"
<van-stepper custom-class="test1" :value="test" bind:change="onChange" />
4. 然后在样式中在定义的custom-class下更改van-stepper__minus样式,注意不要加scoped。
此处没加scoped,则设置的样式会在全局中生效,为了避免影响其它页面的样式,则可以在定义custom-class的时候,把名字起的独立一点,例如和当前页面名称关联,例如当前页面名称为orderDetail,则可以把custom-class定义为:custom-class="orderDetail-test1",这样就不会影响其它页面的样式了
<style lang="scss">
.test1 {
.van-stepper__minus {
background: red !important;
}
}
</style>