| | |
|---|
| | | > |
|---|
| | | <template #default="{ node, data }"> |
|---|
| | | <div class="custom-tree-node"> |
|---|
| | | <span>{{ node.label }}</span> |
|---|
| | | <span class="tree-node-content"> |
|---|
| | | <el-icon class="orange-icon"> |
|---|
| | | <component :is="data.children && data.children.length > 0 |
|---|
| | | ? node.expanded ? 'FolderOpened' : 'Folder' : 'Tickets'" /> |
|---|
| | | </el-icon> |
|---|
| | | {{ data.label }} |
|---|
| | | </span> |
|---|
| | | <div> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | |
|---|
| | | font-size: 14px; |
|---|
| | | padding-right: 8px; |
|---|
| | | } |
|---|
| | | .tree-node-content { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; /* 垂直居中 */ |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | .orange-icon { |
|---|
| | | color: orange; |
|---|
| | | font-size: 18px; |
|---|
| | | margin-right: 8px; /* 图标与文字之间加点间距 */ |
|---|
| | | } |
|---|
| | | </style> |
|---|
