Vue-覆盖swiper的样式

在vue中需要修改swiper的小圆点之类的样式注意点
只能在全局style修改

错误做法（局部style 添加scoped）

<style scoped lang="scss">
.banner{
  .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    background: #fff;
    opacity: 1;
  }
}

正确做法（全局style 无scoped）

<style lang="scss">
.banner{
  .swiper-pagination-bullet{
  width: 16px;
  height: 16px;
  background: #fff;
  opacity: 1;
}
}
</style>