官方组件默认样式修改的对应class
发布于 3 年前 作者 linyan 1177 次浏览 来自 分享

swiper

面板指示点:

.wx-swiper-dots.wx-swiper-dots-horizontal{

margin:20px //调整位置

.wx-swiper-dot{}//指示点未选中样式

.wx-swiper-dot-active{}//指示点选中样式

button

去除边框:

button::after { border: none; }

checkbox

.wx-checkbox-input{}//未选中的框

.wx-checkbox-input.wx-checkbox-input-checked{}//选中的框

.wx-checkbox-input.wx-checkbox-input-checked::before{}//选中的框里的小勾

radio

.wx-radio-input{}// 未选中

.wx-radio-input.wx-radio-input-checked{}//选中

.wx-radio-input.wx-radio-input-checked::before{}//选中的小勾

progress

.wx-progress-inner-bar{}//已选择的进度条

switch

.wx-switch-input{}//

1 回复

如果对你有帮助,麻烦帮我点个赞;

如果发现有问题,也麻烦你指正;

感谢。

回到顶部