收藏
回答

设置border-radius,将长方形变成两端是半圆的形状,不起作用?

问题模块
API和组件

想实现的效果是这样:


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


wxss代码:

width:16rpx;

height:54rpx;

border-radius:8rpx;

最后一次编辑于  2017-12-27
回答关注问题邀请回答
收藏

11 个回答

  • ଘ yáo
    ଘ yáo
    2017-12-27


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

    2017-12-27
    赞同
    回复
  • ଘ yáo
    ଘ yáo
    2017-12-27

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

    2017-12-27
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-27

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

    2017-12-27
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-27

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

    2017-12-27
    赞同
    回复
  • ଘ yáo
    ଘ yáo
    2017-12-27

    width:54rpx;

    height:16rpx;

    2017-12-27
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-27

    宽高呢?

    2017-12-27
    赞同
    回复
  • ଘ yáo
    ଘ yáo
    2017-12-27


    也不行呀,这个设置的就是border-radius:50%;

    2017-12-27
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-12-27

    轮播图的点  border-radius:50%

    2017-12-27
    赞同
    回复
  • ଘ yáo
    ଘ yáo
    2017-12-27

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

    2017-12-27
    赞同
    回复
  • 连胜
    连胜
    2017-12-27

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

    2017-12-27
    赞同
    回复

正在加载...