微信小程序-swiper轮播图圆角滑动会先直角再圆角的解决办法

项目中，轮播图原本的直角觉得不够美观，于是设置了圆角border-radius: 10rpx;，但是会出现一个bug就是，滑动过程中先显示的直角，等滑动一整张之后才会变成圆角。

这个问题真的是苦恼了半天呢，因为在父级上设置了overflow: hidden;然而在iOS真机上并不买账~

1、首先在轮播图的最外层，先设置好圆角，也就是top_img这个view的样式

2、然后在swiper样式上设置ovewflow:hidden;border-radius:10rpx;

很多百度出来的结果都是这样解决的，我不明白，难道只有我的iOS真机上不好用吗？

加上这关键一句之后，问题才得以解决！赶快记录下来，希望可以帮助到跟我遇到相同问题的伙伴们

微信小程序如何制作？一般做微信小程序，都会用到支付功能，一般想要支付功能都必须要有营业执照。

步骤一：准备工作

　在做微信小程序之前，首先需要准备这个东西，小程序账号、微信支付商户ID和APP密钥以及微信支付证书下载。

步骤二：注册一个制作小程序工具

　一般这些平台在制作小程序的时候不需要用到代码什么的，直接就可以套用模板，通过自由拖拽组件的方式快速搭建自己的店铺， *** 作起来非常的方便快捷，在里面，我用的是木鱼小铺平台的工具，里面有各行各业的模板，大家可以根据自己的实际情况选择合适的模板。

步骤三：利用组件快速搭建

　在后台利用基础组件和营销插件快速搭建店铺，将组件直接做拖拽到手机端里，上传和链接，点击提交即可。

步骤四：一键发布小程序

　组件设置完成之后，点击保存并发布，发布完成之后，再立即授权给木鱼小铺，木鱼小铺同意之后，再点击一键发布，输入您的微信支付商户ID和微信支付密钥信息，点击提交，给微信官方审核，审核通过之后，就可以在微信上搜索您的小程序了。

以上就是微信小程序制作流程，大家可以尝试使用以上的方法，希望以上的内容，对你有所帮助！

以上就是关于微信小程序-swiper轮播图圆角滑动会先直角再圆角的解决办法全部的内容，包括:微信小程序-swiper轮播图圆角滑动会先直角再圆角的解决办法、微信小程序如何制作、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！