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;"> <div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box"> <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"> <li class="dib">
<span class="icon iconfont">&#xe609;</span> <span class="icon iconfont">&#xe609;</span>
<div class="name">概要总览</div> <div class="name">总览</div>
<div class="code-name">&amp;#xe609;</div> <div class="code-name">&amp;#xe609;</div>
</li> </li>
@ -264,9 +300,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1659185196536') format('woff2'), src: url('iconfont.woff2?t=1659615576455') format('woff2'),
url('iconfont.woff?t=1659185196536') format('woff'), url('iconfont.woff?t=1659615576455') format('woff'),
url('iconfont.ttf?t=1659185196536') format('truetype'); url('iconfont.ttf?t=1659615576455') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@ -292,6 +328,60 @@
<div class="content font-class"> <div class="content font-class">
<ul class="icon_lists dib-box"> <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"> <li class="dib">
<span class="icon iconfont icongaikuozonglan"></span> <span class="icon iconfont icongaikuozonglan"></span>
<div class="name"> <div class="name">
@ -607,6 +697,54 @@
<div class="content symbol"> <div class="content symbol">
<ul class="icon_lists dib-box"> <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"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongaikuozonglan"></use> <use xlink:href="#icongaikuozonglan"></use>

View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2479351 */ font-family: "iconfont"; /* Project id 2479351 */
src: url('iconfont.woff2?t=1659185196536') format('woff2'), src: url('iconfont.woff2?t=1659615576455') format('woff2'),
url('iconfont.woff?t=1659185196536') format('woff'), url('iconfont.woff?t=1659615576455') format('woff'),
url('iconfont.ttf?t=1659185196536') format('truetype'); url('iconfont.ttf?t=1659615576455') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,30 @@
-moz-osx-font-smoothing: grayscale; -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 { .icongaikuozonglan:before {
content: "\e609"; content: "\e609";
} }

File diff suppressed because one or more lines are too long

View File

@ -5,9 +5,51 @@
"css_prefix_text": "icon", "css_prefix_text": "icon",
"description": "思维导图", "description": "思维导图",
"glyphs": [ "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", "icon_id": "14843439",
"name": "概要总览", "name": "概总览",
"font_class": "gaikuozonglan", "font_class": "gaikuozonglan",
"unicode": "e609", "unicode": "e609",
"unicode_decimal": 58889 "unicode_decimal": 58889

View File

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

View File

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