apicloud 如何解决轮播图变形问题
contentMode:
类型:字符串
描述:(可选项)图片填充模式
默认值:'scaleToFill'
取值范围:
scaleToFill(填充)
scaleAspectFit(适应);
将默认的填充改为适应
UIScrollPicture.open({
rect: {
x: 0,
y: 0,
w: api.winWidth,
h:api.winWidth/1.875
},
宽设为屏幕的宽
高通过算原始图片的比例 得出高度
比例 = 原始图片的宽/原始图片的高;
轮播图底下元素margin-top 的高度 = 图片的高度
js写法
var hh;//全局变量
hh = api.winWidth/1.524;
$("#id").css("margin-top",""+hh+"px")