iboss_wx_app/components/dkbase/dk-tree-form/dk-tree-form.wxml

<view wx:for="{{tree}}" class="{{!item[parentIdKey]?'Outer-frame':''}}">
    <!-- 列表上半部分 -->
    <view wx:if="{{!item[parentIdKey]}}" style="display: flex;padding:3vw;background: linear-gradient(to right,#A8D0EF, #DAEFFF);border-radius: 15rpx 15rpx 0 0 ">
        <view style="display: flex;flex: 1;"data-item="{{item}}"data-type="fa"  bindtap="clickName">

            <van-image round width="35rpx" height="35rpx" src="/static/image/summarize.png" />

            <view style="margin-left:5vw;font-size: 16px;" >{{item[nameKey]}}</view>
        </view>
        <view style=" text-align: right;" data-id="{{item[idKey]}}" data-open="{{item.open}}" bindtap="onchange">
            <van-icon wx:if="{{ item.open }}" color="#bdb7b7" name="arrow-down" />
            <van-icon wx:else  color="#bdb7b7" name="arrow" />
           
        </view>
    </view>
    <!-- 列表下半部分 -->

    <view class="{{!item[parentIdKey]?'list-below-item':''}}">
        <block>

            <view wx:if="{{item[parentIdKey]}}" style="display:flex;align-items:center;margin-left:{{item[itemListKey].length !== 0 ? depth*20 : depth*30}}px;font-size:36rpx;margin-top: 5px;">
                <!--  -->
                <view wx:if="{{isNameImgFlag}}">
                    <view class="tree_left" wx:if="{{item[itemListKey].length !== 0}}" data-id="{{item[idKey]}}" data-open="{{item.open}}">
                        <van-image round width="40rpx" height="40rpx" src="/static/image/tree.png" />
                    </view>
                </view>
                <view wx:if="{{ischekboxFlag}}">
                    <checkbox checked="{{item.selected}}" bindchange="handleCheckboxChange" data-id="{{item.id}}"> </checkbox>
                </view>
                <view class="{{item[itemListKey].length !== 0 ?'parent':'node'}} " style="width: 100%;margin-left: 5vw;font-size: 14px;" data-item="{{item}}" data-type="sub"  data-open="{{item.open}}" bindtap="clickName">
                    <!-- bindtap="onchange" -->
                    {{item[nameKey]}}

                    <!-- <view class="selected" wx:if="{{item.category !== 'index'}}" catchtap="handleClick"
                    data-id="{{item.id}}" data-value="{{item.name}}">
                    <image hidden="{{item.selected === false}}" src="../../pages/image/tick.png"
                        style="width:20px;height:20px;"></image>
                </view> -->
                </view>
                <view style="flex:1;">
                    <view class="tree_right" wx:if="{{item[itemListKey]}}" data-id="{{item[idKey]}}" data-open="{{item.open}}" bindtap="onchange">
                        <!-- <view class="{{!item.open ? 'icon-right' : 'icon-down'}}"></view> -->
                        <van-icon wx:if="{{!item.open }}" color="#bdb7b7" name="arrow" />
                        <van-icon wx:else name="arrow-down" color="#bdb7b7" />
                    </view>
                </view>
            </view>
            <block wx:if="{{item[itemListKey]}}">
                <view hidden="{{!item.open}}">
                    <dk-tree-form  bind:clickName="subclickName" treeList="{{item[itemListKey]}}" ischekboxFlag="{{ischekboxFlag}}" isNameImgFlag= "{{isNameImgFlag}}" nameKey="{{nameKey}}" idKey="{{idKey}}" parentIdKey="{{parentIdKey}}" itemListKey="{{itemListKey}}" id="treeSelect" bind:onclick="click" depth="{{depth+1}}"></dk-tree-form >
                </view>
            </block>
        </block>
    </view>


</view>