想实现的效果是这样:


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


wxss代码:

width:16rpx;

height:54rpx;

border-radius:8rpx;

展开全部
收起
10回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Victoria

    19人对此回答表示赞同

    轮播图的点border-radius:50%

    展开
    19
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 雾里看花

    8人对此回答表示赞同

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

    展开
    8
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 林立慧

    7人对此回答表示赞同

    展开
    7
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 蘑菇头小j

    6人对此回答表示赞同

    width:54rpx;

    展开
    6
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 话梅

    6人对此回答表示赞同

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

    展开
    6
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 一纸荒年

    4人对此回答表示赞同


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

    展开
    4
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 余生

    3人对此回答表示赞同

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

    展开
    3
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • LanceCheng

    2人对此回答表示赞同

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

    展开
    2
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 疯人院门开了

    2人对此回答表示赞同

    宽高呢?

    展开
    2
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • fallingdown咋办

    1人对此回答表示赞同

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

    展开
    1
    0回复
    发布于 5年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部