移动端轮播箭头

修改内容

✅ 移动端隐藏 slider 箭头按钮

主要改动

1. 隐藏移动端箭头
2. 左箭头 (prevArrow): 移动端设置 display: none
3. 右箭头 (nextArrow): 移动端设置 display: none

4. 桌面端保持正常显示

5. 优化移动端布局

6. 圆点指示器：移动端居中显示，位于底部 20px
7. 下滑提示器：回到正常位置，不再需要避开箭头
8. 简化移动端界面，减少视觉干扰

用户体验

• 移动端: 仅显示圆点指示器，支持手势滑动操作
• 桌面端: 显示完整的控制按钮 (箭头 + 圆点)
• 交互方式: 移动端主要依靠触摸滑动，桌面端可使用按钮或键盘

响应式行为

@media (max-width: 768px) {
  .prevArrow, .nextArrow {
    display: none; // 移动端隐藏
  }

  .slick-dots {
    left: 50%;
    transform: translateX(-50%); // 居中显示
  }
}

现在移动端将提供更简洁的界面，用户主要通过手势滑动来切换 slides！