/* components/swiper-dots/index.wxss */ .dots{ display: flex; justify-content: center; align-items: center; } .dots>view view{ display: inline-block; } .dots .dot{ margin: 0 8rpx; width: 8rpx; height: 8rpx; background: #D8D8D8; border-radius: 4rpx; transition: all .6s; } .dots .dot.active{ width:32rpx; border-radius:4rpx; background: #5575FF; }