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-03-08 22:07:51 +08:00
parent b3738722c4
commit ac3a80d9af
10 changed files with 76 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
ShadowEditor.Web/assets/css/icon/demo_index.html
View File

@ -114,6 +114,12 @@
<div class="code-name">&amp;#xe692;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe611;</span>
<div class="name">箭头 三角形</div>
<div class="code-name">&amp;#xe611;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe614;</span>
<div class="name">搜索</div>
@ -414,6 +420,12 @@
<div class="code-name">&amp;#xe625;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bb;</span>
<div class="name">icon_三角形</div>
<div class="code-name">&amp;#xe6bb;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
@ -590,6 +602,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-right-triangle"></span>
<div class="name">
箭头 三角形
</div>
<div class="code-name">.icon-right-triangle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-search"></span>
<div class="name">
@ -1040,6 +1061,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-down_triangle"></span>
<div class="name">
icon_三角形
</div>
<div class="code-name">.icon-down_triangle
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
@ -1181,6 +1211,14 @@
<div class="code-name">#icon-down-arrow</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-right-triangle"></use>
</svg>
<div class="name">箭头 三角形</div>
<div class="code-name">#icon-right-triangle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-search"></use>
@ -1581,6 +1619,14 @@
<div class="code-name">#icon-minimize</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-down_triangle"></use>
</svg>
<div class="name">icon_三角形</div>
<div class="code-name">#icon-down_triangle</div>
</li>
</ul>
<div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2>

20
ShadowEditor.Web/assets/css/icon/iconfont.css
View File

File diff suppressed because one or more lines are too long

BIN
ShadowEditor.Web/assets/css/icon/iconfont.eot
View File

Binary file not shown.

2
ShadowEditor.Web/assets/css/icon/iconfont.js
View File

File diff suppressed because one or more lines are too long

6
ShadowEditor.Web/assets/css/icon/iconfont.svg
View File

@ -62,6 +62,9 @@ Created by iconfont
<glyph glyph-name="down-arrow" unicode="&#59026;" d="M786.102272 530.1022720000001c-9.998336 9.997312-26.206208 9.997312-36.20352 0L512 292.20352 274.102272 530.1022720000001c-9.998336 9.997312-26.206208 9.997312-36.20352 0-9.997312-9.997312-9.997312-26.206208 0-36.20352l256-256C498.896896 232.899584 505.448448 230.39999999999998 512 230.39999999999998s13.103104 2.499584 18.102272 7.497728l256 256C796.09856 503.89504 796.09856 520.10496 786.102272 530.1022720000001z" horiz-adv-x="1024" />
<glyph glyph-name="right-triangle" unicode="&#58897;" d="M398.499 659.5l274.256-274.256-274.256-274.256z" horiz-adv-x="1024" />
<glyph glyph-name="search" unicode="&#58900;" d="M1015.7783-42.23180000000002L723.5205 251.9511c118.8301 156.9516 106.7182 381.4717-36.393 524.5819-156.4109 156.4109-410.0045 156.4109-566.4154 0-156.4109-156.375-156.4109-409.9697 0-566.3805 143.06-143.06 367.404-155.2425 524.3433-36.606l292.3223-294.2136c9.6051-9.6041 25.2221-9.6041 34.8252 0l43.5763 43.5763C1025.4172-67.45190000000002 1025.4172-51.836900000000014 1015.7783-42.23180000000002zM194.9153 282.18679999999995c-114.8621 114.8611-114.8621 301.0826 0 415.9089 114.8631 114.8621 301.0458 114.8621 415.9099 0 114.8631-114.8262 114.8631-301.0478 0-415.9089C495.9611 167.32360000000006 309.7784 167.32360000000006 194.9153 282.18679999999995z" horiz-adv-x="1024" />
@ -212,6 +215,9 @@ Created by iconfont
<glyph glyph-name="minimize" unicode="&#58917;" d="M195.1 24.600000000000023l242.3 242.3 2.2-219.2c0-16.5 13.5-30 30-30s30 13.5 30 30l-2.2 285.1c0 8.8-3.8 16.7-9.8 22.2-5.5 6-13.4 9.8-22.2 9.8H169.8c-16.5 0-30-13.5-30-30s13.5-30 30-30h220.7L152.7 67c-11.7-11.7-11.7-30.8 0-42.4 11.6-11.6 30.7-11.6 42.4 0zM827.3 739.4L585 497.1l-2.2 219.2c0 16.5-13.5 30-30 30s-30-13.5-30-30l2.2-285.1c0-8.8 3.8-16.7 9.8-22.2 5.5-6 13.4-9.8 22.2-9.8h295.6c16.5 0 30 13.5 30 30s-13.5 30-30 30H631.9L869.7 697c11.7 11.7 11.7 30.8 0 42.4-11.7 11.7-30.8 11.7-42.4 0z" horiz-adv-x="1024" />
<glyph glyph-name="down_triangle" unicode="&#59067;" d="M209.656 551.969l298.604-335.938 306.084 335.839-604.688 0.099z" horiz-adv-x="1024" />
</font>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 89 KiB

After

Width:  |  Height:  |  Size: 89 KiB

BIN
ShadowEditor.Web/assets/css/icon/iconfont.ttf
View File

Binary file not shown.

BIN
ShadowEditor.Web/assets/css/icon/iconfont.woff
View File

Binary file not shown.

BIN
ShadowEditor.Web/assets/css/icon/iconfont.woff2
View File

Binary file not shown.

4
ShadowEditor.Web/assets/css/main.css
View File

@ -486,6 +486,10 @@ table.Table .TableBody td {
border: 1px solid #ddd;
}
ul.Tree {
list-style: none;
}
::-webkit-scrollbar {
width: 0.2em;
}

5
ShadowEditor.Web/src/ui/Tree.js
View File

@ -19,6 +19,10 @@ Tree.prototype.render = function () {
this.dom = document.createElement('ul');
this.parent.appendChild(this.dom);
Object.assign(this.dom, {
className: 'Tree'
});
this.data.forEach(n => {
this._createNode(n, this.dom);
});
@ -29,6 +33,7 @@ Tree.prototype._createNode = function (data, dom) {
dom.appendChild(li);
Object.assign(li, {
className: 'Item',
value: data.value,
});