This commit is contained in:
wanglin2 2022-08-05 09:30:19 +08:00
commit 3c9940e076
11 changed files with 220 additions and 16 deletions

BIN
web/src/.DS_Store vendored

Binary file not shown.

Binary file not shown.

View File

@ -54,9 +54,45 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe601;</span>
<div class="name">剪切</div>
<div class="code-name">&amp;#xe601;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83b;</span>
<div class="name">整理</div>
<div class="code-name">&amp;#xe83b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe604;</span>
<div class="name">复制</div>
<div class="code-name">&amp;#xe604;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63f;</span>
<div class="name">粘贴</div>
<div class="code-name">&amp;#xe63f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6be;</span>
<div class="name">上移</div>
<div class="code-name">&amp;#xe6be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bf;</span>
<div class="name">下移</div>
<div class="code-name">&amp;#xe6bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe609;</span>
<div class="name">概要总览</div>
<div class="name">总览</div>
<div class="code-name">&amp;#xe609;</div>
</li>
@ -264,9 +300,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1659185196536') format('woff2'),
url('iconfont.woff?t=1659185196536') format('woff'),
url('iconfont.ttf?t=1659185196536') format('truetype');
src: url('iconfont.woff2?t=1659615576455') format('woff2'),
url('iconfont.woff?t=1659615576455') format('woff'),
url('iconfont.ttf?t=1659615576455') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@ -292,6 +328,60 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont iconjianqie"></span>
<div class="name">
剪切
</div>
<div class="code-name">.iconjianqie
</div>
</li>
<li class="dib">
<span class="icon iconfont iconzhengli"></span>
<div class="name">
整理
</div>
<div class="code-name">.iconzhengli
</div>
</li>
<li class="dib">
<span class="icon iconfont iconfuzhi"></span>
<div class="name">
复制
</div>
<div class="code-name">.iconfuzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont iconniantie"></span>
<div class="name">
粘贴
</div>
<div class="code-name">.iconniantie
</div>
</li>
<li class="dib">
<span class="icon iconfont iconshangyi"></span>
<div class="name">
上移
</div>
<div class="code-name">.iconshangyi
</div>
</li>
<li class="dib">
<span class="icon iconfont iconxiayi"></span>
<div class="name">
下移
</div>
<div class="code-name">.iconxiayi
</div>
</li>
<li class="dib">
<span class="icon iconfont icongaikuozonglan"></span>
<div class="name">
@ -607,6 +697,54 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconjianqie"></use>
</svg>
<div class="name">剪切</div>
<div class="code-name">#iconjianqie</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzhengli"></use>
</svg>
<div class="name">整理</div>
<div class="code-name">#iconzhengli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconfuzhi"></use>
</svg>
<div class="name">复制</div>
<div class="code-name">#iconfuzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconniantie"></use>
</svg>
<div class="name">粘贴</div>
<div class="code-name">#iconniantie</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconshangyi"></use>
</svg>
<div class="name">上移</div>
<div class="code-name">#iconshangyi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconxiayi"></use>
</svg>
<div class="name">下移</div>
<div class="code-name">#iconxiayi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongaikuozonglan"></use>

View File

@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 2479351 */
src: url('iconfont.woff2?t=1659185196536') format('woff2'),
url('iconfont.woff?t=1659185196536') format('woff'),
url('iconfont.ttf?t=1659185196536') format('truetype');
src: url('iconfont.woff2?t=1659615576455') format('woff2'),
url('iconfont.woff?t=1659615576455') format('woff'),
url('iconfont.ttf?t=1659615576455') format('truetype');
}
.iconfont {
@ -13,6 +13,30 @@
-moz-osx-font-smoothing: grayscale;
}
.iconjianqie:before {
content: "\e601";
}
.iconzhengli:before {
content: "\e83b";
}
.iconfuzhi:before {
content: "\e604";
}
.iconniantie:before {
content: "\e63f";
}
.iconshangyi:before {
content: "\e6be";
}
.iconxiayi:before {
content: "\e6bf";
}
.icongaikuozonglan:before {
content: "\e609";
}

File diff suppressed because one or more lines are too long

View File

@ -5,9 +5,51 @@
"css_prefix_text": "icon",
"description": "思维导图",
"glyphs": [
{
"icon_id": "1117",
"name": "剪切",
"font_class": "jianqie",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "1415523",
"name": "整理",
"font_class": "zhengli",
"unicode": "e83b",
"unicode_decimal": 59451
},
{
"icon_id": "2815710",
"name": "复制",
"font_class": "fuzhi",
"unicode": "e604",
"unicode_decimal": 58884
},
{
"icon_id": "11121506",
"name": "粘贴",
"font_class": "niantie",
"unicode": "e63f",
"unicode_decimal": 58943
},
{
"icon_id": "11383392",
"name": "上移",
"font_class": "shangyi",
"unicode": "e6be",
"unicode_decimal": 59070
},
{
"icon_id": "11383396",
"name": "下移",
"font_class": "xiayi",
"unicode": "e6bf",
"unicode_decimal": 59071
},
{
"icon_id": "14843439",
"name": "概要总览",
"name": "概总览",
"font_class": "gaikuozonglan",
"unicode": "e609",
"unicode_decimal": 58889

View File

@ -215,12 +215,12 @@ export const shortcutKeyList = [
value: 'Enter'
},
{
icon: '',
icon: 'iconshangyi',
name: '上移节点',
value: 'Ctrl + ↑'
},
{
icon: '',
icon: 'iconxiayi',
name: '下移节点',
value: 'Ctrl + ↓'
},
@ -240,17 +240,17 @@ export const shortcutKeyList = [
value: 'Delete | Backspace'
},
{
icon: '',
icon: 'iconfuzhi',
name: '复制节点',
value: 'Ctrl + C'
},
{
icon: '',
icon: 'iconjianqie',
name: '剪切节点',
value: 'Ctrl + X'
},
{
icon: '',
icon: 'iconniantie',
name: '粘贴节点',
value: 'Ctrl + V'
},
@ -280,7 +280,7 @@ export const shortcutKeyList = [
value: 'Ctrl + A'
},
{
icon: '',
icon: 'iconzhengli',
name: '一键整理布局',
value: 'Shift + L'
},

View File

@ -19,7 +19,7 @@
</div>
<div class="item" @click="exec('ADD_GENERALIZATION')" :class="{ disabled: insertNodeBtnDisabled }">
插入概要
<span class="desc">Shift + s</span>
<span class="desc">Shift + S</span>
</div>
<div
class="item"