1***@qq.com
1***@qq.com
  • 发布:2024-09-17 08:44
  • 更新:2024-09-18 12:17
  • 阅读:37

【报Bug】uni-swipe-action

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 14.5 (23F79)

HBuilderX类型: 正式

HBuilderX版本号: 4.24

手机系统: Android

手机系统版本号: Android 13

手机厂商: 华为

手机机型: P30

页面类型: nvue

vue版本: vue3

打包方式: 离线

项目创建方式: HBuilderX

示例代码:
··· <list style="margin-top: 0;margin-left: 15;flex: 1;" show-scrollbar="false"> <cell v-for="(item,index) in peers"> <uni-swipe-action> <uni-swipe-action-item :autoClose="false" :show="state.activeOpen==index?'right':'none'"

right-options="actions" @click="swipActionClick" @change="(e)=>swipeActionChange(e,index)"> <view style="flex-direction: row; margin: 10 0;">

                </view>  
            </uni-swipe-action-item>  
        </uni-swipe-action>  
    </cell>  
</list>  

···

操作步骤:

页面展示后,滚动到底部。左划最后一个item

预期结果:

正常展开,展开后可以收回

实际结果:

展开不正常,也不能收回

bug描述:

uni-swipe-action 作为 list 的 cell 内容时,初始可见展示范围的 item 可以正常操作;滚动到底部,新展示的 item,滑动 无效

2024-09-17 08:44 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

你好,你可以提供一下完整的代码吗?提供一个相关的测试工程

  • 1***@qq.com (作者)

    看我下面的回复

    2024-09-18 12:56

1***@qq.com

1***@qq.com (作者)

  <template>  
    <list style="margin-top: 0;margin-left: 15;flex: 1; background-color: white;" show-scrollbar="false">  
        <cell v-for="(item) in rows">  
            <uni-swipe-action>  
                <uni-swipe-action-item :autoClose="false" :right-options="actions">  
                    <view style="height: 50;padding: 10">  
                        <text style="color: gray;font-size: 14;opacity: 0.6;">{{item}}   哈哈哈,你好呀呀呀呀</text>  
                    </view>  
                </uni-swipe-action-item>  
            </uni-swipe-action>  
        </cell>  
    </list>  
  </template>  
  <script>  
    export default {  
        data() {  
            return {  
                rows: [],  
                actions: [{  
                    text: '删除',  
                    style: {  
                        backgroundColor: 'red'  
                    }  
                }]  
            }  
        },  
        created() {  
            for (let i = 0; i < 100; i++) {  
                this.rows.push('row ' + i)  
            }  
        }  
    }  
  </script>  
  <style scoped>  
  </style>

注意:上面的正常,滚动到下面的,就不正常了

要回复问题请先登录注册