收藏
回答

关于swiper组件指示点样式的问题,有啥其他方法修改不?

使用swiper组件,需要自定义指示点样式

直接在页面中使用swiper时可以使用以下的选择器

.wx-swiper-dot

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

修改到指示点的样式

但是我在组件中使用swiper时,就无法修改到了

但是如果在引用此组件的页面的wxss中修改就可修改到指示点样式

问题:

1.为什么在组件内使用以上的样式无法修改到swiper指示点的样式?

2.为什么在引入页面改了样式,能影响到没有设置了样式隔离的组件内部的swiper指示点样式

代码片段:https://developers.weixin.qq.com/s/N7MFdzm97Qoj

回答关注问题邀请回答
收藏

6 个回答

  • Mr.He
    Mr.He
    2023-08-25
    Component({
        options: {
            // 打开样式隔离,否则修改weui组件内样式不生效
            styleIsolation: 'shared',
        },
    })组件中修改加上这个试一下,可以的
    
    2023-08-25
    有用 2
    回复
  • less
    less
    2021-03-05

    wxml 设置 隐藏指示点 属性。自己 画指使点,js 操作

    2021-03-05
    有用 1
    回复 1
    • 沉冰
      沉冰
      2021-03-05
      我只是想弄清楚造成这样的原因,自己写倒是简单
      2021-03-05
      回复
  • LauHing[666]
    LauHing[666]
    2023-02-15

    同问+1

    2023-02-15
    有用
    回复 1
    • Mr.He
      Mr.He
      2023-08-25
      看楼下
      2023-08-25
      回复
  • 陈奕涛
    陈奕涛
    2021-10-17

    同样想弄清楚原理的人,作者知道了告知下

    2021-10-17
    有用
    回复 1
    • Mr.He
      Mr.He
      2023-08-25
      看楼下
      2023-08-25
      回复
  • 面包 鸡腿  你
    面包 鸡腿 你
    2021-06-29

    同遇到此问题了,请问解决了嘛 在组件中修改

    2021-06-29
    有用
    回复 1
    • Mr.He
      Mr.He
      2023-08-25
      看楼下
      2023-08-25
      回复
  • 一直在,
    一直在,
    2021-03-05

    自己写一个吧

    2021-03-05
    有用
    回复 1
    • 沉冰
      沉冰
      2021-03-05
      我只是想弄清楚造成这样的原因,自己写倒是简单
      2021-03-05
      回复
登录 后发表内容
问题标签