swiper轮播图指示点修改

1,136 阅读1分钟

问题: swiper轮播图指示点形状位置需要调整到某个位置

解决: 通过深度选择器获取swiper指示点面板的类名, 设置样式进行调整

// sass样式
::v-deep .uni-swiper-wrapper{
    .uni-swiper-dots{
        // 指示点面板样式
        .uni-swiper-dot-active{
            // 指示点点击时样式
        }
        .uni-swiper-dot{
            // 指示点样式未选中样式
        }
    }
}

注: vue下使用深度选择器需使用::v-deep 使用/deep/进行会导致编译不通过