APLCloud 如何把轮播图放在一个div里面

版权声明：博客知识产权来源命运的信徒，切勿侵权 https://blog.csdn.net/qq_37591637/article/details/88387582

我用APLCloud开发app,在一个页面上显示一个轮播图，但是我想在轮播图下方布局其他的样式，可是无论怎么设置，其他样式都出不来？

---

解决方案：

1、html页面上  新建一个div，是用来放轮播图的

  <!-- 轮播图 -->
  <div id="lbt">

  </div>

2、css样式 设置id="lbt"的css样式

#lbt{
  position: relative;
  width: 100%;
  height: 35%;
}

3、在轮播图的js代码里面

var mySlider = document.getElementById('lbt');//先获取放轮播图的div
var UIScrollPicture = api.require('UIScrollPicture');
UIScrollPicture.open({
  //轮播的区域
    rect: {
                   x : mySlider.offsetLeft ,//mySlider距离屏幕左边的距离
                    y : mySlider.offsetTop,//mySlider距离屏幕上边的距离
                    w : mySlider.clientWidth,//mySlider的宽度
                    h : mySlider.clientHeight//mySlider的高度
    },

---