42 lines
799 B
Vue
42 lines
799 B
Vue
|
<template>
|
||
|
|
<view class="tree">
|
||
|
|
<!-- <uni-collapse v-for="(node, index) in treeData" :key="index">
|
||
|
|
<uni-collapse-item class="uni-collapse-item" :title="node.depart_name">
|
||
|
|
<view v-if="node.children && node.children.length > 0" >
|
||
|
|
<tree-node :treeData="node.children"></tree-node>
|
||
|
|
</view>
|
||
|
|
</uni-collapse-item>
|
||
|
|
</uni-collapse> -->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'TreeNode',
|
||
|
|
props: {
|
||
|
|
treeData: Array
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.tree-node {
|
||
|
|
margin-left: 20px;
|
||
|
|
}
|
||
|
|
.node-content {
|
||
|
|
/* 样式根据需要自定义 */
|
||
|
|
}
|
||
|
|
.node-children {
|
||
|
|
margin-left: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uni-collapse-item {
|
||
|
|
margin-left: 15px; /* 层级缩进的距离 */
|
||
|
|
}
|
||
|
|
.uni-collapse-item:first-child {
|
||
|
|
margin-left: 0; /* 第一项无缩进 */
|
||
|
|
}
|
||
|
|
</style>
|