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")

 

上一篇:变量和常量


下一篇:炉石传说:邪火试炼终章,阿兰娜打败机械加拉克苏斯