收藏
回答

小程序拓展组件Slideview,如何点击其他列表或者屏幕空白处左滑自动收回?

回答关注问题邀请回答
收藏

1 个回答

  • ¡Königin!
    ¡Königin!
    2020-08-16

    前提:1.多个列表项目的slideview不会同时显示(一次只能显示一个列表的slideview)

    2.可以通过修改mp-slideview的show值,控制slideview的显示和隐藏


    有两种思路:1.只点击列表触发收起:

    
    {{item.listName}}text>
    view>
    mp-slideview>
    view>
    
    在Js代码里,对每一个列表项设置布尔变量:slideviewShow
    通过最外层view的bindtap事件,获取target的index序号,然后比对slideview的index序号,如果一致则slideview设置为true,不一致则设置为flase,从而控制slideview的展开和收拢
    


    2.点击列表和其他区域都能触发收起:

    wxml代码差不多,这次不是用target的index序号判断,是用id判断(当点击的不是列表项时用id判断, 如果点击的是列表项,用index序号判断)

    重点之一:使用的是全局bindtap事件的e.target,而不是e.currentTarget

    我主要实现了这部分的代码:

    代码片段如下

    https://developers.weixin.qq.com/s/uGkOaEmn7pjg

    2020-08-16
    有用 1
    回复
登录 后发表内容
问题标签