想實(shí)現(xiàn)的效果是這樣:
實(shí)際出現(xiàn)的效果是一個(gè)橢圓:
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,就實(shí)現(xiàn)了兩端半圓的效果,但是后邊這個(gè)是輪播圖的指示點(diǎn),同樣的方法設(shè)置的,就是個(gè)橢圓,很迷
輪播圖的點(diǎn) border-radius:50%
也不行呀,這個(gè)設(shè)置的就是border-radius:50%;
寬高呢?
width:54rpx;
height:16rpx;
那你又說(shuō)想實(shí)現(xiàn)的效果 是上面那樣的一個(gè)按鈕?,F(xiàn)在又是swiper的點(diǎn)?
如果是顯示swiper的點(diǎn) : indicator-dots=‘true’ 就會(huì)顯示了啊
swiper默認(rèn)的指示點(diǎn)不都是一個(gè)小圓點(diǎn)嗎,我想實(shí)現(xiàn)當(dāng)前頁(yè)面的指示點(diǎn)是一個(gè)兩端是半圓的長(zhǎng)條,其他的是圓點(diǎn)
愛盈利-運(yùn)營(yíng)小咖秀(www.jza6.com) 始終堅(jiān)持研究分享移動(dòng)互聯(lián)網(wǎng)App運(yùn)營(yíng)推廣經(jīng)驗(yàn)、策略、全案、渠道等純干貨知識(shí)內(nèi)容;是廣大App運(yùn)營(yíng)從業(yè)者的知識(shí)啟蒙、成長(zhǎng)指導(dǎo)、進(jìn)階學(xué)習(xí)的集聚平臺(tái);
想了解更多移動(dòng)互聯(lián)網(wǎng)干貨知識(shí),請(qǐng)關(guān)注微信公眾號(hào)運(yùn)營(yíng)小咖秀(ID: yunyingshow)