swipe-action组件点不动、不显示是因为需uni-app 3.0+版本支持，且必须用swipe-action-item包裹内容，不能直接v-for；iOS需关闭辅助触控；右滑菜单建议用rpx设right-width并用flex居中图标文字；删除列表应使用filter替代splice并绑定:key提升性能；微信小程序需基础库2.27.0+，否则降级自实现。
uni-app里swipe-action组件为什么点不动、不显示？
因为swipe-action是uni-app 3.0+才内置的组件，低于这个版本（比如用HBuilderX旧版或CLI未升级）直接写会渲染为空，控制台也无报错。它不支持v-for直接套在swipe-action上，必须把列表项逻辑放在子元素swipe-action-item里。
实操建议：
- 确认
uni-appCLI版本 ≥ 3.0.0 或 HBuilderX ≥ 3.6.0；执行uni-app info或看项目package.json里的@dcloudio/uni-app版本 -
swipe-action必须包裹swipe-action-item，不能只放view或text - 真机调试时，iOS下需关闭“辅助触控”（小白点），否则手势冲突导致滑不动
<swipe-action>
<swipe-action-item right-width="120" @click="handleDelete">
<view class="list-item">这是列表项</view>
</swipe-action-item>
</swipe-action>
如何让左滑菜单带图标+文字且适配不同屏幕？
默认right-width写死像素值，在小屏手机上可能太宽、大屏又显得局促。图标用uni-icons比自定义image更轻量，但要注意图标大小和行高对齐问题。
实操建议：
- 用
rpx设right-width，例如right-width="180rpx"，比px更稳妥 - 按钮区域用
view包裹uni-icon和text，加display: flex; align-items: center; justify-content: center;居中 - 避免给
swipe-action-item设padding或margin，会影响滑动判定区域
<swipe-action-item right-width="180rpx">
<view class="content">内容区</view>
<view slot="right" class="btn-area">
<uni-icon type="trash" size="36"></uni-icon>
<text>删除</text>
</view>
</swipe-action-item>
点击删除后怎么刷新列表而不闪屏？
直接this.list.splice(index, 1)会导致整个v-for重新渲染，尤其在长列表中视觉上明显“抖一下”。uni-app的swipe-action没有提供关闭动画的API，所以得靠数据更新策略来规避。
实操建议：
- 用
key绑定唯一标识（如:key="item.id"），确保Vue能精准复用节点 - 删除前先记录
item.id，再用this.list = this.list.filter(i => i.id !== id)替代splice，触发更干净的diff - 如果用了
scroll-view滚动容器，删除后别手动scrollTo，容易触发两次重绘
微信小程序平台下swipe-action失效怎么办？
微信小程序基础库 2.27.0+ 才支持swipe-action，旧版真机上表现为“能滑但松手回弹，点击无响应”，开发者工具可能正常——这是最典型的兼容性坑。
实操建议：
- 在
manifest.json里配置mp-weixin的minVersion不低于2.27.0 - 上线前务必用真机（不是模拟器）测试，尤其是iOS微信最新版
- 降级方案：不用
swipe-action，改用touchstart+touchmove自己算位移，但开发成本高，仅建议已有项目无法升级时采用
滑动删除看着简单，但跨端时每个平台的手势判定逻辑、动画帧率、事件冒泡规则都不一样。最容易被忽略的是：你本地测通了，不代表用户手机上能滑开——务必拿三台不同系统、不同微信版本的真机过一遍。
