Shulou(Shulou.com)05/31 Report--

Today, the editor will share with you the relevant knowledge about how to solve the problem when vue modifies the style of swiper framework round dots. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.

Do not add scoped to the swiper frame, the small dot style does not work.

Here is the wrong way to write it

.swiper-pagination-bullet-active {background: white;}

Correct writing method

.swiper-pagination-bullet-active {background: white;} swiper dot default style change

Swiper style does not like in the development process, want to modify the dot style, get the dot under the swiper to modify, to set the desired color, the distance between points and so on a series of styles

/ * style of dots * / swiper .wx-swiper-dot {width: 35rpx; height: 7rpx; border-radius: 50%; display: inline-flex; margin-left: 19rpx; justify-content: space-between;} swiper .wx-swiper-dot::before {content:'; flex-grow: 1; background: # fff; border-radius: 50%;} swiper .wx-swiper-dot-active::before {background: rgba (255,255,255,8) } these are all the contents of this article, "how to solve the problem that vue modifies the style of dots in swiper frame rotation map does not work". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.