

将轮播图样式改为圆角。在安卓系统里运行,map组件,为show-location设置变量值,出现Bug--微信小程序开发。没有一点问题,但是在ios系统中运行时,图片静止时,轮播图为圆角,但是当触摸滑动时候,外边框就变成了直角。css中关于border-radius都做了兼容性写法。这样的情况如何解决。
html:
autoplay="{{autoplay}}" interval="{{interval}}" indicator-color="rgb(255,255,255)" indicator-active-color="rgb(255, 0,0)" duration="{{duration}}" circular="{{circular}}" bindchange="swiperchange">
css
/*顶部轮播图样式 */
.body{
padding: 0 5%;
}
#custom_swiper{
-moz-border-radius: 30rpx !important;
-webkit-border-radius: 30rpx !important;
border-radius: 30rpx !important;
overflow: hidden;
height: 600rpx;
}
.topimage{
width: 100%;
height: 100%;
-moz-border-radius: 30rpx !important;
-webkit-border-radius: 30rpx !important;
border-radius: 30rpx !important;
}
.moveBox{
-moz-border-radius: 30rpx !important;
-webkit-border-radius: 30rpx !important;
border-radius: 30rpx !important;
}
微信小程序开发相关问题解答;本文来自微信小程序工厂 http://www.xcxgc.com 转载请保留。
微信小程序开发者回答:
L***:
你好。这是 iOS 系统的已知限制,目前暂时无法解决。
陈***:
这个问题是否指都是:iOS手机上image组件使用radius实现圆角都会有限制。
我都应用,在显示圆角/圆形时,iOS会有明显都正方形黑色闪动。
access_token不可用errcode是什么 微信小程序开发
东***:
轮播图滑动时,图片会出现这个情况。图片如果仅仅静态的展示,可以加个父级让它显示的为圆角。
本文网址:http://www.91bianli.com/kaifazhinan/71827.html