小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想实现的效果是这样:
实际出现的效果是一个椭圆:
wxss代码:
width:16rpx;
height:54rpx;
border-radius:8rpx;
11 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
要改变indicator-dots的样式,当前显示的是跟上边按钮的效果那种跑道似的长条,现在这个直接变成了一个椭圆
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
swiper默认的指示点不都是一个小圆点吗,我想实现当前页面的指示点是一个两端是半圆的长条,其他的是圆点
如果是显示swiper的点 : indicator-dots=‘true’ 就会显示了啊
那你又说想实现的效果 是上面那样的一个按钮。现在又是swiper的点?
width:54rpx;
height:16rpx;
宽高呢?
也不行呀,这个设置的就是border-radius:50%;
轮播图的点 border-radius:50%
上边的按钮border-radius设置的是高度的一半44rpx,就实现了两端半圆的效果,但是后边这个是轮播图的指示点,同样的方法设置的,就是个椭圆,很迷
你的border-radius值设置的太大了,试一下,border-radius: 50rpx;
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
要改变indicator-dots的样式,当前显示的是跟上边按钮的效果那种跑道似的长条,现在这个直接变成了一个椭圆
swiper默认的指示点不都是一个小圆点吗,我想实现当前页面的指示点是一个两端是半圆的长条,其他的是圆点
如果是显示swiper的点 : indicator-dots=‘true’ 就会显示了啊
那你又说想实现的效果 是上面那样的一个按钮。现在又是swiper的点?
width:54rpx;
height:16rpx;
宽高呢?
也不行呀,这个设置的就是border-radius:50%;
轮播图的点 border-radius:50%
上边的按钮border-radius设置的是高度的一半44rpx,就实现了两端半圆的效果,但是后边这个是轮播图的指示点,同样的方法设置的,就是个椭圆,很迷
你的border-radius值设置的太大了,试一下,border-radius: 50rpx;