11

src/sheep/components/node-tree.vue

@@ -1,22 +1,14 @@
 <template>
 	<view class="tree-container">
 		<view v-for="item in nodeData" :key="item.id">
-			<view
-				class="tree-item"
-				:style="item.id == selectedNodeId ? { borderColor: '#1879ff' } : { color: '#000' }"
-				@click.stop="toCurrentNode(item)"
-			>
+			<view class="tree-item" :style="item.id == selectedNodeId ? { borderColor: '#1879ff' } : { color: '#000' }"
+				@click.stop="toCurrentNode(item)">
 				<image class="tree-item-icon" :src="filePath(item.picUrl)" />
 				<text>{{ item.name }}</text>
 			</view>
 
-			<node-tree
-				v-model="selectedNodeId"
-				v-if="item.children && item.children.length"
-				:node-data="item.children"
-				:style="{ marginLeft: `${getLevel() * 60}rpx` }"
-				@currentNode="(v) => emit('currentNode', v)"
-			/>
+			<node-tree v-model="selectedNodeId" v-if="item.children && item.children.length" :node-data="item.children"
+				:style="{ marginLeft: `${getLevel() * 60}rpx` }" @currentNode="(v) => emit('currentNode', v)" />
 		</view>
 	</view>
 </template>
@@ -53,6 +45,7 @@ const getLevel = () => {
 .tree-container {
 	overflow: hidden;
 }
+
 .tree-item {
 	border: 4rpx solid #e4e7ed;
 	margin-bottom: 16rpx;
@@ -61,6 +54,7 @@ const getLevel = () => {
 	padding: 10rpx 20rpx;
 	border-radius: 10rpx;
 }
+
 .tree-item-icon {
 	width: 40rpx;
 	height: 40rpx;