想實現(xiàn)的效果是這樣：
實際出現(xiàn)的效果是一個橢圓：
wxss代碼：
width:16rpx;
height:54rpx;
border-radius:8rpx;
網(wǎng)友回復(fù)：
width: 400rpx;
height:88rpx;
line-height:88rpx;
text-align:center;
font-size: 28rpx;
boder-radius:200rpx;
background: blue;
你的border-radius值設(shè)置的太大了，試一下，border-radius: 50rpx;
上邊的按鈕border-radius設(shè)置的是高度的一半44rpx，就實現(xiàn)了兩端半圓的效果，但是后邊這個是輪播圖的指示點，同樣的方法設(shè)置的，就是個橢圓，很迷
輪播圖的點 border-radius：50%
也不行呀，這個設(shè)置的就是border-radius：50%；
寬高呢？
width:54rpx;
height:16rpx;
那你又說想實現(xiàn)的效果 是上面那樣的一個按鈕?，F(xiàn)在又是swiper的點？
如果是顯示swiper的點 ： indicator-dots=‘true’ 就會顯示了啊
swiper默認(rèn)的指示點不都是一個小圓點嗎，我想實現(xiàn)當(dāng)前頁面的指示點是一個兩端是半圓的長條，其他的是圓點
愛盈利-運營小咖秀(www.jza6.com) 始終堅持研究分享移動互聯(lián)網(wǎng)App運營推廣經(jīng)驗、策略、全案、渠道等純干貨知識內(nèi)容；是廣大App運營從業(yè)者的知識啟蒙、成長指導(dǎo)、進(jìn)階學(xué)習(xí)的集聚平臺；
想了解更多移動互聯(lián)網(wǎng)干貨知識，請關(guān)注微信公眾號運營小咖秀（ID: yunyingshow）
