解决使用vue-awesome-swiper组件分页器pagination样式设置失效问题

解决方案：给父标签设置一个id，例如父标签id="parent"在sass/less中使用/deep/样式穿透#parent /deep/ .swiper-pagination-bullet{background-color: 'red';}在stulys中使用：>>>实现样式穿透#parent >>> .swiper-...

weixin_30764883

3159人浏览 · 2019-07-05 12:58:00

weixin_30764883 · 2019-07-05 12:58:00 发布

解决方案：

给父标签设置一个id，例如父标签id="parent"

在sass/less中使用/deep/样式穿透

#parent /deep/ .swiper-pagination-bullet{

background-color: 'red';

}

在stulys中使用：>>>实现样式穿透

#parent >>> .swiper-pagination-bullet-active {

border-radius: 'unset';

}

转载于:https://www.cnblogs.com/zhang-jiao/p/11137695.html

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^