<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>
        <view wx:for="{{item.children}}" wx:for-index="index_" wx:for-item="item_" style="margin-left: 50rpx;">
          <view style="display: flex;padding-top: {{ index_ !=0 ?  '40rpx' : ''}};">
            <view style="width: 10%;" catch:tap="onCheckedItem_"  data-index="{{index}}"  data-index_="{{index_}}">
              <van-checkbox checked-color="#95A8CB" value="{{ item_.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_.menuName}}</view>
          </view>
        </view>
      </van-collapse-item>

    </van-collapse>

  </view>
</view>

