a@onmee.cn
a@onmee.cn
  • 发布:2019-03-26 20:53
  • 更新:2020-03-27 17:03
  • 阅读:2025

如何更改官方组件样式?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 负责人:无 分享
已邀请:
多串君

多串君

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

1014336455@qq.com

1014336455@qq.com

完美解決,APP端同样适用

a@onmee.cn

a@onmee.cn (作者)

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

lhk860218@126.com

lhk860218@126.com

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

webkit_k@126.com

webkit_k@126.com

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

程咬金3斧头

程咬金3斧头

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

要回复问题请先登录注册