archive-gh-me/ShadowEditor
1
0
Fork 0
mirror of https://github.com/tengge1/ShadowEditor.git synced 2026-01-25 15:08:11 +00:00
Code Issues Projects Releases Wiki Activity

树样式优化。

Browse Source
This commit is contained in:
tengge1 2019-05-14 20:29:04 +08:00
parent 8d3bd81c99
commit 2c50668b4a
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ShadowEditor.UI/src/tree/Tree.jsx
View File

@ -23,18 +23,18 @@ class Tree extends React.Component {
list.push(this.createNode(n));
});
return <ul>{list}</ul>;
return <ul className={classNames('Tree', className)} style={style}>{list}</ul>;
}
createNode(data) {
const leaf = !data.children || data.children.length === 0;
const children = leaf ? null : (<ul>{data.children.map(n => {
const children = leaf ? null : (<ul className={'sub'}>{data.children.map(n => {
return this.createNode(n);
})}</ul>);
return <li value={data.value} key={data.value}>
return <li className={'node'} value={data.value} key={data.value}>
<a href={'javascript:;'}>{data.text}</a>
{leaf ? null : <ul>{children}</ul>}
{leaf ? null : children}
</li>;
}
}

16
ShadowEditor.UI/src/tree/css/Tree.css
View File

@ -0,0 +1,16 @@
.Tree {
list-style: none;
margin: 0;
padding: 0;
}
.Tree .node a {
color: #555;
text-decoration: none;
}
.Tree .node .sub {
list-style: none;
margin: 0;
padding: 0 0 0 16px;
}