<view class="dk-card-outer-class">
  <view class="dk-card-class">
    <van-collapse value="{{ activeNames }}" border="{{false}}" bind:change="onChange">
      <van-collapse-item border="{{false}}" name="{{index}}" wx:for="{{list}}" wx:key="index" data-item="{{item}}" data-index="{{index}}">
        <view slot="title">
          <view style="display: flex;">
            <view style="width: 15%;" catch:tap="onCheckedItem" data-index="{{index}}">
              <van-checkbox wx:if="{{item.childrenChecked}}" use-icon-slot checked-color="#95A8CB" value="{{ item.checked }}" shape="round">
                <image slot="icon" src="/static/image/checkbox.png" style="width: 40rpx;height: 40rpx;" />
              </van-checkbox>
              <van-checkbox wx:else value="{{ item.checked }}" shape="round">
              </van-checkbox>
            </view>
            <view style="width: 85%;">
              <view class="font">{{item.menuName}}</view>
            </view>
          </view>
        </view>
        <van-collapse value="{{ activeNames1 }}" border="{{false}}" bind:change="onChange1">
          <van-collapse-item style="padding:0px !important;" border="{{false}}" name="{{index_}}" wx:for="{{item.children}}" wx:for-index="index_" wx:for-item="item_" data-item="{{item_}}" data-index="{{index_}}">

            <view slot="title">
              <view style="display: flex;">
                <view style="width: 15%;" catch:tap="onCheckedItem1" data-index="{{index}}" data-index_="{{index_}}">
                  <van-checkbox wx:if="{{item_.childrenChecked}}" use-icon-slot checked-color="#95A8CB" value="{{ item_.checked }}" shape="round">
                    <image slot="icon" src="/static/image/checkbox.png" style="width: 40rpx;height: 40rpx;" />
                  </van-checkbox>
                  <van-checkbox wx:else value="{{ item_.checked }}" shape="round">
                  </van-checkbox>
                </view>
                <view style="width: 85%;">
                  <view class="font">{{item_.menuName}}</view>
                </view>
              </view>
            </view>

            <view wx:for="{{item_.children}}" wx:for-index="index_3" wx:for-item="item_3" style="margin-left: 50rpx;">
              <view style="display: flex;padding-top: {{ index_3 !=0 ?  '40rpx' : ''}};">
                <view style="width: 10%;" catch:tap="onCheckedItem_" data-index="{{index}}"  data-index_="{{index_}}" data-index_3="{{index_3}}">
                  <van-checkbox checked-color="#95A8CB" value="{{ item_3.checked }}" shape="round"></van-checkbox>
                </view>
                <view style="width: 15%;justify-content: center;align-items: center;display: flex;">
                  <van-image round width="36rpx" height="36rpx" src="{{'/static/image/tree.png'}}" />
                </view>
                <view class="font" style="width: 75%;">{{item_3.menuName}}</view>
              </view>
            </view>
          </van-collapse-item>
        </van-collapse>




      </van-collapse-item>

    </van-collapse>

  </view>
</view>