m0_56026872的博客

项目场景：我在移动端使用了swiper插件来做轮播图效果，ui设计稿上的分页器是分式形式的，但是swiper默认的分页器是一个圆点，我需要修改这个样式，如下图：问题描述：我按照官方文档上所说，分页器样式类型，可选‘bullets’ 圆点（默认）‘fraction’ 分式‘progress’ 进度条‘custom’ 自定义写下了这段代码data () { return { swiperOptions: { pagination: {

今天在看一个慕课网上的视频时，遇到了一个小问题，问题是在我们使用轮播图插件vue-awesome-swiper时，发现轮播图分页器pagination的当前页的小圆点显示为蓝色，但是设计稿中显示为白色，效果如图因为在当前组件中的样式，我们使用了scoped属性锁定了样式作用域，所以我们要想修改这个样式就需要一些特殊设置，在视频中使用是stylus，所以它使用的是stylus的样式穿透stylus样式穿透 >>> .wrapper >>> .swiper-p