diff --git a/web/src/assets/icon-font/iconfont.css b/web/src/assets/icon-font/iconfont.css index 3deb5479..d216721f 100644 --- a/web/src/assets/icon-font/iconfont.css +++ b/web/src/assets/icon-font/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "iconfont"; /* Project id 2479351 */ - src: url('iconfont.woff2?t=1689210173189') format('woff2'), - url('iconfont.woff?t=1689210173189') format('woff'), - url('iconfont.ttf?t=1689210173189') format('truetype'); + src: url('iconfont.woff2?t=1689407546912') format('woff2'), + url('iconfont.woff?t=1689407546912') format('woff'), + url('iconfont.ttf?t=1689407546912') format('truetype'); } .iconfont { @@ -13,6 +13,22 @@ -moz-osx-font-smoothing: grayscale; } +.iconjiantouyou:before { + content: "\e62d"; +} + +.iconbianji1:before { + content: "\e60a"; +} + +.icondaohang1:before { + content: "\e632"; +} + +.iconyanjing:before { + content: "\e8bf"; +} + .iconwangzhan:before { content: "\e628"; } diff --git a/web/src/assets/icon-font/iconfont.ttf b/web/src/assets/icon-font/iconfont.ttf index b3ed3c3e..9c801c08 100644 Binary files a/web/src/assets/icon-font/iconfont.ttf and b/web/src/assets/icon-font/iconfont.ttf differ diff --git a/web/src/assets/icon-font/iconfont.woff b/web/src/assets/icon-font/iconfont.woff index 93558610..4d446856 100644 Binary files a/web/src/assets/icon-font/iconfont.woff and b/web/src/assets/icon-font/iconfont.woff differ diff --git a/web/src/assets/icon-font/iconfont.woff2 b/web/src/assets/icon-font/iconfont.woff2 index 0323b32b..1d170d95 100644 Binary files a/web/src/assets/icon-font/iconfont.woff2 and b/web/src/assets/icon-font/iconfont.woff2 differ diff --git a/web/src/lang/en_us.js b/web/src/lang/en_us.js index c4050794..235ebd1d 100644 --- a/web/src/lang/en_us.js +++ b/web/src/lang/en_us.js @@ -114,8 +114,9 @@ export default { }, navigatorToolbar: { openMiniMap: 'Open mini map', - readonly: 'Readonly', - edit: 'Edit' + closeMiniMap: 'Close mini map', + readonly: 'Change to eadonly', + edit: 'Change to edit' }, nodeHyperlink: { title: 'Link', diff --git a/web/src/lang/zh_cn.js b/web/src/lang/zh_cn.js index d99a06e3..c050b0f4 100644 --- a/web/src/lang/zh_cn.js +++ b/web/src/lang/zh_cn.js @@ -114,8 +114,9 @@ export default { }, navigatorToolbar: { openMiniMap: '开启小地图', - readonly: '只读模式', - edit: '编辑模式' + closeMiniMap: '关闭小地图', + readonly: '切换为只读模式', + edit: '切换为编辑模式' }, nodeHyperlink: { title: '超链接', diff --git a/web/src/pages/Edit/components/Count.vue b/web/src/pages/Edit/components/Count.vue index 26bdf34a..6607f08b 100644 --- a/web/src/pages/Edit/components/Count.vue +++ b/web/src/pages/Edit/components/Count.vue @@ -95,4 +95,10 @@ export default { } } } + +@media screen and (max-width: 635px) { + .countContainer { + display: none; + } +} diff --git a/web/src/pages/Edit/components/MouseAction.vue b/web/src/pages/Edit/components/MouseAction.vue index f8e1012c..34ffb5ba 100644 --- a/web/src/pages/Edit/components/MouseAction.vue +++ b/web/src/pages/Edit/components/MouseAction.vue @@ -74,6 +74,7 @@ export default { .btn { cursor: pointer; + font-size: 18px; } } diff --git a/web/src/pages/Edit/components/NavigatorToolbar.vue b/web/src/pages/Edit/components/NavigatorToolbar.vue index e724b6d4..f513b19c 100644 --- a/web/src/pages/Edit/components/NavigatorToolbar.vue +++ b/web/src/pages/Edit/components/NavigatorToolbar.vue @@ -19,25 +19,51 @@
- {{ - $t('navigatorToolbar.openMiniMap') - }} + +
+
- - -
-
- + --> + +
+
+
+ +
@@ -79,16 +105,15 @@ export default { openMiniMap: false } }, - mounted() { - this.toggleMiniMap(this.openMiniMap) - }, methods: { - readonlyChange(value) { - this.mindMap.setMode(value ? 'readonly' : 'edit') + readonlyChange() { + this.isReadonly = !this.isReadonly + this.mindMap.setMode(this.isReadonly ? 'readonly' : 'edit') }, - toggleMiniMap(show) { - this.$bus.$emit('toggle_mini_map', show) + toggleMiniMap() { + this.openMiniMap = !this.openMiniMap + this.$bus.$emit('toggle_mini_map', this.openMiniMap) }, onLangChange(lang) { @@ -124,6 +149,18 @@ export default { color: #303133; text-decoration: none; } + + .btn { + cursor: pointer; + font-size: 18px; + } + } +} + +@media screen and (max-width: 502px) { + .navigatorContainer { + left: 20px; + overflow-x: auto; } } diff --git a/web/src/pages/Edit/components/SidebarTrigger.vue b/web/src/pages/Edit/components/SidebarTrigger.vue index e2676f73..fcc82a92 100644 --- a/web/src/pages/Edit/components/SidebarTrigger.vue +++ b/web/src/pages/Edit/components/SidebarTrigger.vue @@ -2,8 +2,11 @@
+
+ +
.sidebarTriggerContainer { position: fixed; - right: 0px; + right: -60px; margin-top: 110px; transition: all 0.3s; top: 50%; transform: translateY(-50%); &.show { + right: 0; + } + + &.hasActive { right: 305px; } + .toggleShowBtn { + position: absolute; + left: -6px; + width: 35px; + height: 60px; + background: #409eff; + top: 50%; + transform: translateY(-50%); + cursor: pointer; + transition: left .1s linear; + z-index: 0; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + display: flex; + align-items: center; + padding-left: 4px; + + &.hide { + left: -8px; + + span { + transform: rotateZ(180deg); + } + } + + &:hover { + left: -18px; + } + + span { + color: #fff; + transition: all 0.1s; + } + } + .trigger { + position: relative; width: 60px; border-color: #eee; background-color: #fff; diff --git a/web/src/pages/Edit/components/Toolbar.vue b/web/src/pages/Edit/components/Toolbar.vue index 305c41e5..37cb1968 100644 --- a/web/src/pages/Edit/components/Toolbar.vue +++ b/web/src/pages/Edit/components/Toolbar.vue @@ -520,4 +520,17 @@ export default { } } } + +@media screen and (max-width: 1040px) { + + .toolbarContainer { + .toolbar { + left: 20px; + right: 20px; + transform: translateX(0); + width: auto; + max-width: none; + } + } +}