在sencha touch的旋转木马中重叠图像

Question

我创建了加载许多图像的旋转木马。但是，每个图像与来自不同卡的另一个图像重叠，如下所示：

正如您在屏幕截图中看到的，第一张图片的某些部分出现在第二张卡片中，依此类推。

这就是我将图像放在轮播项目中的“html”组件中的方式：

html: '<div> <img src="'+avaImg+'" />'

无论手机的分辨率如何，有没有办法让图像适合屏幕？

Answer 1

为什么不在Sencha Touch 2中使用Ext.Image组件？

然后，您可以使用style config。

将自定义样式应用于该图像

Answer 2

你好@tukang你可以尝试创建css类，像这样，

.your_name {
   background-image: url(your_url_image);
   background-repeat: no-repeat;
   background-position: center;
}

将其放在您的html代码<div class="your_name"></div>

之后

我希望能帮到你。 ：）