在uni-app框架下适配头条小程序,给button组件设置圆角出现了以下现象:
按uni-app文档给button组件加上plain 在开发者工具中可以了,但真机上还是不行。
看了一下字体跳动小程序文档中对button组件的描述:
- Tip:目前,
组件的边框不是通过
border
属性来控制的,而是有个:after
伪类,所以如果需要修该边框样式,请对该伪类元素设置样式。
这个border 只能用伪类来控制。
所以我们给全局button组件样式增加一个公共属性:
/* #ifdef MP-TOUTIAO */
button::after{
border: none;
}
/* #endif */
这么设置一下就可以了。