想实现的效果是这样：
实际出现的效果是一个椭圆：
wxss代码：
width:16rpx;
height:54rpx;
border-radius:8rpx;
网友回复：
青***：
width: 400rpx;
height:88rpx;
line-height:88rpx;
text-align:center;
font-size: 28rpx;
boder-radius:200rpx;
background: blue;
连***：
你的border-radius值设置的太大了，试一下，border-radius: 50rpx;
小***：
上边的按钮border-radius设置的是高度的一半44rpx，就实现了两端半圆的效果，但是后边这个是轮播图的指示点，同样的方法设置的，就是个椭圆，很迷
青***：
轮播图的点 border-radius：50%
小***：
也不行呀，这个设置的就是border-radius：50%；
青***：
宽高呢？
小***：
width:54rpx;
height:16rpx;
青***：
那你又说想实现的效果 是上面那样的一个按钮。现在又是swiper的点？
青***：
如果是显示swiper的点 ： indicator-dots=‘true’ 就会显示了啊
小***：
swiper默认的指示点不都是一个小圆点吗，我想实现当前页面的指示点是一个两端是半圆的长条，其他的是圆点
爱盈利-运营小咖秀(www.aiyingli.com) 始终坚持研究分享移动互联网App运营推广经验、策略、全案、渠道等纯干货知识内容；是广大App运营从业者的知识启蒙、成长指导、进阶学习的集聚平台；
想了解更多移动互联网干货知识，请关注微信公众号运营小咖秀（ID: yunyingshow）
