openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'feature' into main

Browse Source
This commit is contained in:
wanglin2 2023-08-14 09:39:03 +08:00
commit 4ec33062a4
5 changed files with 76 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><link rel="icon" href="dist/logo.ico"><title>思绪思维导图</title><script>// 自定义静态资源的路径 <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><link rel="icon" href="dist/logo.ico"><title>思绪思维导图</title><script>// 自定义静态资源的路径
window.externalPublicPath = './dist/' window.externalPublicPath = './dist/'
// 接管应用 // 接管应用
window.takeOverApp = false</script><link href="dist/css/chunk-vendors.css?385fe6c0328bd2e58384" rel="stylesheet"><link href="dist/css/app.css?385fe6c0328bd2e58384" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>const getDataFromBackend = () => { window.takeOverApp = false</script><link href="dist/css/chunk-vendors.css?a6ae473cdeb2b0b5d4f5" rel="stylesheet"><link href="dist/css/app.css?a6ae473cdeb2b0b5d4f5" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>const getDataFromBackend = () => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
setTimeout(() => { setTimeout(() => {
resolve({ resolve({
@ -66,4 +66,4 @@
// 可以通过window.$bus.$on()来监听应用的一些事件 // 可以通过window.$bus.$on()来监听应用的一些事件
// 实例化页面 // 实例化页面
window.initApp() window.initApp()
}</script><script src="dist/js/chunk-vendors.js?385fe6c0328bd2e58384"></script><script src="dist/js/app.js?385fe6c0328bd2e58384"></script></body></html> }</script><script src="dist/js/chunk-vendors.js?a6ae473cdeb2b0b5d4f5"></script><script src="dist/js/app.js?a6ae473cdeb2b0b5d4f5"></script></body></html>

2
web/src/pages/Edit/components/Navigator.vue
View File

@ -127,7 +127,7 @@ export default {
height: 220px; height: 220px;
background-color: #fff; background-color: #fff;
bottom: 80px; bottom: 80px;
right: 20px; right: 70px;
box-shadow: 0 0 16px #989898; box-shadow: 0 0 16px #989898;
border-radius: 4px; border-radius: 4px;
border: 1px solid #eee; border: 1px solid #eee;

42
web/src/pages/Edit/components/NavigatorToolbar.vue
View File

@ -72,9 +72,16 @@
></div> ></div>
</div> </div>
<div class="item"> <div class="item">
<a href="https://github.com/wanglin2/mind-map" target="_blank"> <el-dropdown @command="handleCommand">
<span class="iconfont icongithub"></span> <div class="btn iconfont iconbangzhu"></div>
</a> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="github">Github</el-dropdown-item>
<el-dropdown-item command="helpDoc">使用文档</el-dropdown-item>
<el-dropdown-item command="devDoc">开发文档</el-dropdown-item>
<el-dropdown-item command="site">官方网站</el-dropdown-item>
<el-dropdown-item command="issue">意见反馈</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div> </div>
</div> </div>
</template> </template>
@ -116,7 +123,7 @@ export default {
computed: { computed: {
...mapState(['isDark']) ...mapState(['isDark'])
}, },
created () { created() {
this.lang = getLang() this.lang = getLang()
}, },
methods: { methods: {
@ -143,6 +150,33 @@ export default {
toggleDark() { toggleDark() {
this.setIsDark(!this.isDark) this.setIsDark(!this.isDark)
},
handleCommand(command) {
let url = ''
switch (command) {
case 'github':
url = 'https://github.com/wanglin2/mind-map'
break
case 'helpDoc':
url = 'https://wanglin2.github.io/mind-map/#/help/zh/'
break
case 'devDoc':
url = 'https://wanglin2.github.io/mind-map/#/doc/zh/introduction/'
break
case 'site':
url = 'https://wanglin2.github.io/mind-map/#/index'
break
case 'issue':
url = 'https://github.com/wanglin2/mind-map/issues/new'
break
default:
break
}
const a = document.createElement('a')
a.href = url
a.target = '_blank'
a.click()
} }
} }
} }

6
web/src/pages/Index/components/Block2.vue
View File

@ -42,11 +42,11 @@ export default {
dataList: [ dataList: [
{ {
icon: 'iconstar', icon: 'iconstar',
value: 'Github star数量450+' value: 'Github star数量600+'
}, },
{ {
icon: 'iconfork', icon: 'iconfork',
value: 'Github fork数量100+' value: 'Github fork数量150+'
}, },
{ {
icon: 'iconxiazai', icon: 'iconxiazai',
@ -54,7 +54,7 @@ export default {
}, },
{ {
icon: 'iconteamwork', icon: 'iconteamwork',
value: '代码贡献者6+' value: '代码贡献者8+'
} }
], ],
functionList: [ functionList: [

47
web/src/pages/Index/components/Block5.vue
View File

@ -2,9 +2,9 @@
<div class="block5Container"> <div class="block5Container">
<div class="blockContent"> <div class="blockContent">
<div class="infoBox"> <div class="infoBox">
<div class="infoTitle">街角小林出品</div> <div class="infoTitle">理想青年实验室</div>
<div class="infoDesc"> <div class="infoDesc">
男，90后，六年+前端开发工程师，热爱前端、写作、开源。 专注前端、写作、开源。
</div> </div>
<div class="linkBtnList"> <div class="linkBtnList">
<div class="linkBtn"> <div class="linkBtn">
@ -52,7 +52,12 @@
<div class="linkTitle">更多作品</div> <div class="linkTitle">更多作品</div>
<div class="linkList"> <div class="linkList">
<div class="linkItem" v-for="item in linkList" :key="item.name"> <div class="linkItem" v-for="item in linkList" :key="item.name">
<a :href="item.url" target="_blank">{{ item.name }}</a> <el-tooltip
:content="item.desc"
placement="top"
>
<a :href="item.url" target="_blank">{{ item.name }}</a>
</el-tooltip>
</div> </div>
</div> </div>
</div> </div>
@ -67,51 +72,63 @@ export default {
linkList: [ linkList: [
{ {
name: 'CodeRun', name: 'CodeRun',
url: 'https://github.com/wanglin2/code-run' url: 'https://github.com/wanglin2/code-run',
desc: '一个代码在线编辑预览工具，类似codepen、jsbin、jsfiddle等'
}, },
{ {
name: 'TinyWhiteboard', name: 'TinyWhiteboard',
url: 'https://github.com/wanglin2/tiny_whiteboard' url: 'https://github.com/wanglin2/tiny_whiteboard',
desc: '一个在线小白板，类似excalidraw'
}, },
{ {
name: 'Mark.js', name: 'Mark.js',
url: 'https://github.com/wanglin2/markjs' url: 'https://github.com/wanglin2/markjs',
desc: '一个插件化的多边形标注库'
}, },
{ {
name: 'WebMapEngine', name: 'WebMapEngine',
url: 'https://github.com/wanglin2/web_map_demo' url: 'https://github.com/wanglin2/web_map_demo',
desc: '一个简单的2D地图加载器'
}, },
{ {
name: 'SimpleNoviceGuide', name: 'SimpleNoviceGuide',
url: 'https://github.com/wanglin2/simple-novice-guide' url: 'https://github.com/wanglin2/simple-novice-guide',
desc: ' 一个简洁的新手引导库'
}, },
{ {
name: 'CanvasEditor', name: 'CanvasEditor',
url: 'https://github.com/wanglin2/canvas-editor-demo' url: 'https://github.com/wanglin2/canvas-editor-demo',
desc: '一个用Canvas做的富文本编辑器Demo'
}, },
{ {
name: 'JsonTreeView', name: 'JsonTreeView',
url: 'https://github.com/wanglin2/json-tree-view' url: 'https://github.com/wanglin2/json-tree-view',
desc: '一个简洁的json格式化插件'
}, },
{ {
name: 'SimpleFlowChart', name: 'SimpleFlowChart',
url: 'https://github.com/wanglin2/simple-flow-chart' url: 'https://github.com/wanglin2/simple-flow-chart',
desc: '一个用flex布局做的流程设计器'
}, },
{ {
name: 'VideoTimeLine', name: 'VideoTimeLine',
url: 'https://github.com/wanglin2/VideoTimeLine' url: 'https://github.com/wanglin2/VideoTimeLine',
desc: '一个基于Vue2的视频时间轴组件'
}, },
{ {
name: 'MarkdownEditor', name: 'MarkdownEditor',
url: 'https://github.com/wanglin2/markdown_editor_sync_scroll_demo' url: 'https://github.com/wanglin2/markdown_editor_sync_scroll_demo',
desc: '一个能精确同步滚动的Markdown编辑器'
}, },
{ {
name: 'AssociationLine', name: 'AssociationLine',
url: 'https://github.com/wanglin2/AssociationLineDemo' url: 'https://github.com/wanglin2/AssociationLineDemo',
desc: '关联线探究，如何连接流程图的两个节点'
}, },
{ {
name: 'HandPaintedStyle', name: 'HandPaintedStyle',
url: 'https://github.com/wanglin2/handPaintedStyle' url: 'https://github.com/wanglin2/handPaintedStyle',
desc: '手绘风格图形的简单实现'
} }
] ]
} }