三段码农
三段码农
  • 发布:2019-03-26 20:53
  • 更新:2020-03-27 17:03
  • 阅读:3495

如何更改官方组件样式?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{} 就可以覆盖了

  • 胖南瓜

    这个方法这么野?感谢大佬!

    2019-07-09 13:58

  • 雨夜敬清秋

    困扰已久,非常感谢,居然还有这种骚操作

    2019-11-17 14:29

  • g***@163.com

    大佬666666

    2020-01-03 20:18

1***@qq.com

1***@qq.com

完美解決,APP端同样适用

三段码农

三段码农 (作者)

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

胖南瓜

胖南瓜

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

w***@126.com

w***@126.com

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

程咬金3斧头

程咬金3斧头

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

要回复问题请先登录注册