设置border-radius，将长方形变成两端是半圆的形状，不起作用？ - WXOPEN Club

想实现的效果是这样：

实际出现的效果是一个椭圆：

wxss代码：

width:16rpx;

height:54rpx;

border-radius:8rpx;

要改变indicator-dots的样式，当前显示的是跟上边按钮的效果那种跑道似的长条，现在这个直接变成了一个椭圆

那你又说想实现的效果是上面那样的一个按钮。现在又是swiper的点？

也不行呀，这个设置的就是border-radius：50%；

width:54rpx;

height:16rpx;

如果是显示swiper的点： indicator-dots=‘true’ 就会显示了啊

轮播图的点 border-radius：50%

上边的按钮border-radius设置的是高度的一半44rpx，就实现了两端半圆的效果，但是后边这个是轮播图的指示点，同样的方法设置的，就是个椭圆，很迷

宽高呢？

swiper默认的指示点不都是一个小圆点吗，我想实现当前页面的指示点是一个两端是半圆的长条，其他的是圆点

你的border-radius值设置的太大了，试一下，border-radius: 50rpx;