改变页面宽度时 layui组件的轮播图怎么让他停止操作

要在改变页面宽度时停止Layui组件的轮播图操作，可以使用`carousel.pause('elem')`方法来暂停轮播图的自动播放。

在你的代码中，可以添加以下代码来实现：

layui.use(['carousel'], function(){
  var carousel = layui.carousel;
  
  // 初始化轮播图
  var inst = carousel.render({
    elem: '#test1', // 轮播容器的选择器
    width: '100%', // 设置轮播图宽度为100%
    height: '200px', // 设置轮播图高度
    arrow: 'none', // 隐藏箭头
    autoplay: true, // 自动播放
    anim: 'fade' // 设置切换动画为渐显效果
  });
  
  // 监听窗口大小变化事件
  window.onresize = function(){
    // 暂停轮播图的自动播放
    carousel.pause('elem');
    
    // 重新设置轮播图宽度
    inst.reload({
      width: '100%' // 设置轮播图宽度为100%
    });
    
    // 继续轮播图的自动播放
    carousel.play('elem');
  }
});

这段代码在窗口大小改变时，首先调用`carousel.pause('elem')`方法来暂停轮播图的自动播放。然后重新设置轮播图的宽度，并调用`carousel.play('elem')`方法来继续轮播图的自动播放。

通过这样的处理，当页面宽度改变时，轮播图会暂停操作，直到重新加载并继续自动播放。希望这样能解决你的问题！如果还有其他疑问，请随时提问。