2020年7月17日更新一下,
今天發(fā)現(xiàn)這個方法要改一下。
把類選擇器.swiper 改成標(biāo)簽選擇器swiper就好了。
下面的代碼也改過來了
可以直接打開官方組件的示例代碼,在index.wxss中增加以下這段就搞明白了。
可以直接點擊官方示例代碼鏈接去嘗試,前提是你已經(jīng)安裝了微信開發(fā)者工具。
點這里:

微信截圖_20190110145753.png
/* 設(shè)置點點的層級 ,可以調(diào)整小點的位置*/
swiper .wx-swiper-dots.wx-swiper-dots-horizontal {
position: absolute;
top: 250rpx;
/* left: 500rpx; */
/* z-index可設(shè)可不設(shè)*/
z-index: 999;
}
/* 設(shè)置點點的樣式 */
swiper .wx-swiper-dot {
width: 35rpx;
height: 7rpx;
display: inline-flex;
/* 這里設(shè)置點點之間的距離 */
margin-left: 19rpx;
justify-content: space-between;
}
/* 當(dāng)前點點的樣式 */
swiper .wx-swiper-dot::before {
content: '';
flex-grow: 1;
background: #ffffff;
}
/* 當(dāng)前點點的樣式 */
swiper .wx-swiper-dot-active::before {
background: #ff0000;
}