dk-tree.wxml 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!-- 列表下半部分 -->
  2. <view wx:for="{{tree}}">
  3. <block>
  4. <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;">
  5. <!-- -->
  6. <view wx:if="{{isNameImgFlag}}">
  7. <view class="tree_left" wx:if="{{item[itemListKey].length !== 0}}" data-id="{{item[idKey]}}" data-open="{{item.open}}">
  8. <van-image round width="40rpx" height="40rpx" src="/static/image/tree.png" />
  9. </view>
  10. </view>
  11. <view wx:if="{{ischekboxFlag}}">
  12. <checkbox checked="{{item.selected}}" bindchange="handleCheckboxChange" data-id="{{item.id}}"> </checkbox>
  13. </view>
  14. <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">
  15. <!-- bindtap="onchange" -->
  16. {{item[nameKey]}}
  17. <!-- <view class="selected" wx:if="{{item.category !== 'index'}}" catchtap="handleClick"
  18. data-id="{{item.id}}" data-value="{{item.name}}">
  19. <image hidden="{{item.selected === false}}" src="../../pages/image/tick.png"
  20. style="width:20px;height:20px;"></image>
  21. </view> -->
  22. </view>
  23. <view style="flex:1;">
  24. <view class="tree_right" wx:if="{{item[itemListKey]}}" data-id="{{item[idKey]}}" data-open="{{item.open}}" bindtap="onchange">
  25. <!-- <view class="{{!item.open ? 'icon-right' : 'icon-down'}}"></view> -->
  26. <van-icon wx:if="{{!item.open }}" color="#bdb7b7" name="arrow" />
  27. <van-icon wx:else name="arrow-down" color="#bdb7b7" />
  28. </view>
  29. </view>
  30. </view>
  31. <block wx:if="{{item[itemListKey]}}">
  32. <view hidden="{{!item.open}}">
  33. <dk-tree 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>
  34. </view>
  35. </block>
  36. </block>
  37. </view>