微信小程序点击展开收起多层嵌套

最新推荐文章于 2024-04-17 22:08:46 发布

钟Bubble

最新推荐文章于 2024-04-17 22:08:46 发布

阅读量1.2k

点赞数 1

分类专栏：小知识文章标签：微信小程序小程序前端

本文链接：https://blog.csdn.net/BubbleABC/article/details/122938975

版权

这篇博客详细介绍了如何在微信小程序中实现点击展开和收起的效果，内容包括HTML、JS和WXSS三个部分的代码示例，适用于前端开发者在微信小程序开发中的应用场景。

摘要由CSDN通过智能技术生成

在这里插入图片描述
html页面：

<view class='list_box' wx:for='{
    {list}}' wx:key='this' wx:for-item='parentItem' wx:for-index='parentIndex'>
    <view class='list'>
        <view class='list_name_box' catchtap='listTap' data-parentindex='{
    {parentIndex}}'>
            <text class='list_item_name'>{
  {parentItem.listName}}qq</text>
            <!-- <image src='/img/down.png' class='icon_down {
   {parentItem.show&&"icon_down_rotate"}}'></image> -->
        </view>
        <view class='list_item_box' wx:if='{
    {parentItem.show}}'>
            <view class='list_item' wx:for='{
    {parentItem.item}}' wx:key='this' catchtap='listItemTap'
                data-index='{
    {index}}' data-parentindex='{
    {parentIndex}}'>
                <view class='list_item_name_box'>
                    <text class='list_item_name'>{
  {item.itemName}}</text>
                    <!-- <image src='/img/down.png' class='icon_down {
   {item.show&&"icon_down_rotate"}}'></image> -->
                </</