owl carousel怎么修改淡入淡出

首先选择开头或结尾处的一段音频区域，利用“效果/振幅和压限/振幅/淡化（进程）”

菜单命令，打开“振幅/淡化”对话框，在“渐变”选项卡右侧的“预设”栏选中“淡入”或“淡出”效果。

另外，也可以用鼠标拖动的方式完成“淡入/淡出”效果，在波形图的左上角或右上角，

拖动简便控制图标，通过向内拖动设置简便的长度，向上、向下拖动设置渐变曲线。

问题：当Carousel数据通过接口获取时，自动切换效果就会无效，且首页展示的高度为默认的最小高度；只有手动切换一张之后，才能启动自动切换，且高度恢复为正常高度；

原因：

解决方法一：设置flag值，等数据加载完之后，重新render，此时再加载Carousel组件，就能正常启动了。这种方法的问题是，页面在重新加载时，会有2s左右的延时，性能很不好。

解决方法二： 加入componentDidUpdate函数

依然通过flag去控制是否自动切换，当接口请求结束flag设置为true，render结束后立即执行componentDidUpdate函数，此时数据已经加载完成，这时通过flag设置成自动切换，之所以取反，是因为flag一直为true就会死循环了。亲测如果没有componentDidUpdate函数，只通过componentDidMount函数以及display={flag}来控制，也是行不通的。

通过百度多种尝试后最后一个可行，但有些原理还不是特别清楚，欢迎指正。

var $slider = $('.slider')

$slider.owlCarousel({

loop: true,

})

loop就是循环的参数

---