小程序swiper 小圓點自定義

/* 設置點點的層級 ,可以調整小點的位置*/ .swiper .wx-swiper-dots.wx-swiper-dots-horizontal { position: absolute; top: 250rpx; /* left: 500rpx; */ /* z-index可設可不設*/ z-index: 999; } /* 設置點點的樣式 */ .swiper .wx-swiper-dot { width: 35rpx; height: 7rpx; display: inline-flex; /* 這裏設置點點之間的距離 */ margin-left: 19rpx; justify-content: space-between; } /* 當前點點的樣式 */ .swiper .wx-swiper-dot::before { content: ''; flex-grow: 1; background: #ffffff; } /* 當前點點的樣式 */ .swiper .wx-swiper-dot-active::before { background: #ff0000; }