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

 

posted @ 2019-03-02 10:43  薄荷zz  阅读(493)  评论(0编辑  收藏  举报