如何更改官方组件样式？swiper重写样式H5页面有效，app无效

分类：uni-app

使用官方组件swiper做幻灯片，其它都挺好，就是指示点是圆形的，我想改成长条状，试着覆盖下样式，发现只在h5下有效
APP.VUE页面

uni-swiper .uni-swiper-dot {  
        width: 35upx !important;  
        height: 3upx !important;   
        border-radius: 0px !important;  
    }

APP无效，请问如何修改官方样式？使之能在app下生效？
不太懂，求指点，谢谢

2019-03-26 20:53 负责人:无分享

7 个回复

用wx-开头可以覆盖比如swiper的默认样式为 uni-swiper .uni-swiper-wrapper{} 只需要在css里面加一条wx-swiper .wx-swiper-wrapper{} 就可以覆盖了

完美解決，APP端同样适用

三段码农 (作者) - 从5+到uniapp，6年开发，一路成长。

无人回复···最后只有取消了官方dot样式，然后重写覆盖解决

遇到了同样的问题，app无法修改

插件市场好多都不支持app,而且App对vue的组件支持并不友好

uni前缀改成wx应该就行了啊

nicepainkiller - 最爱 dcloud

自己动手撸一段点点点不就好了吗？
费这么劲

该问题目前已经被锁定, 无法添加新回复