美文网首页
微信小程序列表渲染——每一项的展开与合上

微信小程序列表渲染——每一项的展开与合上

作者: 城_8232 | 来源:发表于2019-05-08 19:07 被阅读0次


    这是第一次做微信小程序,感觉还是比较简单的

    1.先看效果图:

    初始状态 单击后的状态

    2.过程

         1)我们需要先绑定一个数组,我这里取名为list

    list

     2)为了看起来清晰,我在类名的命名上语义化了,整体就是一个ul,要渲染的是li,给li绑定一个单击事件(bindtap),取名为showmore,id为每一项的kcbh,用index也可以,需要显示收起的内容给它一个class,根据每一项中show的真假来切换class

    wxml  

    show值为真则显示,为假则隐藏

    wxss

    for循环判断item中kcbh是否等于id,相等就改变show的值

    js

    上面这种是当你单击下一个li的时候当前单击的展开,上一个还是展开的,如果你想当你单击下一项的时候,其他项全合起来,那你需要这样做:

    新手上路!有错误的地方还请指正!

    相关文章

      网友评论

          本文标题:微信小程序列表渲染——每一项的展开与合上

          本文链接:https://www.haomeiwen.com/subject/fuevoqtx.html