mirror of
https://github.com/wanglin2/mind-map.git
synced 2026-03-03 15:27:54 +08:00
Merge branch 'feature' into main
This commit is contained in:
wanglin2
commit
4ec33062a4
@ -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>// 自定义静态资源的路径
|
||||
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) => {
|
||||
setTimeout(() => {
|
||||
resolve({
|
||||
@ -66,4 +66,4 @@
|
||||
// 可以通过window.$bus.$on()来监听应用的一些事件
|
||||
// 实例化页面
|
||||
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>
|
||||
@ -127,7 +127,7 @@ export default {
|
||||
height: 220px;
|
||||
background-color: #fff;
|
||||
bottom: 80px;
|
||||
right: 20px;
|
||||
right: 70px;
|
||||
box-shadow: 0 0 16px #989898;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #eee;
|
||||
|
||||
@ -72,9 +72,16 @@
|
||||
></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="https://github.com/wanglin2/mind-map" target="_blank">
|
||||
<span class="iconfont icongithub"></span>
|
||||
</a>
|
||||
<el-dropdown @command="handleCommand">
|
||||
<div class="btn iconfont iconbangzhu"></div>
|
||||
<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>
|
||||
</template>
|
||||
@ -116,7 +123,7 @@ export default {
|
||||
computed: {
|
||||
...mapState(['isDark'])
|
||||
},
|
||||
created () {
|
||||
created() {
|
||||
this.lang = getLang()
|
||||
},
|
||||
methods: {
|
||||
@ -143,6 +150,33 @@ export default {
|
||||
|
||||
toggleDark() {
|
||||
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()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -42,11 +42,11 @@ export default {
|
||||
dataList: [
|
||||
{
|
||||
icon: 'iconstar',
|
||||
value: 'Github star数量450+'
|
||||
value: 'Github star数量600+'
|
||||
},
|
||||
{
|
||||
icon: 'iconfork',
|
||||
value: 'Github fork数量100+'
|
||||
value: 'Github fork数量150+'
|
||||
},
|
||||
{
|
||||
icon: 'iconxiazai',
|
||||
@ -54,7 +54,7 @@ export default {
|
||||
},
|
||||
{
|
||||
icon: 'iconteamwork',
|
||||
value: '代码贡献者6+'
|
||||
value: '代码贡献者8+'
|
||||
}
|
||||
],
|
||||
functionList: [
|
||||
|
||||
@ -2,9 +2,9 @@
|
||||
<div class="block5Container">
|
||||
<div class="blockContent">
|
||||
<div class="infoBox">
|
||||
<div class="infoTitle">街角小林出品</div>
|
||||
<div class="infoTitle">理想青年实验室</div>
|
||||
<div class="infoDesc">
|
||||
男，90后，六年+前端开发工程师，热爱前端、写作、开源。
|
||||
专注前端、写作、开源。
|
||||
</div>
|
||||
<div class="linkBtnList">
|
||||
<div class="linkBtn">
|
||||
@ -52,7 +52,12 @@
|
||||
<div class="linkTitle">更多作品</div>
|
||||
<div class="linkList">
|
||||
<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>
|
||||
@ -67,51 +72,63 @@ export default {
|
||||
linkList: [
|
||||
{
|
||||
name: 'CodeRun',
|
||||
url: 'https://github.com/wanglin2/code-run'
|
||||
url: 'https://github.com/wanglin2/code-run',
|
||||
desc: '一个代码在线编辑预览工具，类似codepen、jsbin、jsfiddle等'
|
||||
},
|
||||
{
|
||||
name: 'TinyWhiteboard',
|
||||
url: 'https://github.com/wanglin2/tiny_whiteboard'
|
||||
url: 'https://github.com/wanglin2/tiny_whiteboard',
|
||||
desc: '一个在线小白板，类似excalidraw'
|
||||
},
|
||||
{
|
||||
name: 'Mark.js',
|
||||
url: 'https://github.com/wanglin2/markjs'
|
||||
url: 'https://github.com/wanglin2/markjs',
|
||||
desc: '一个插件化的多边形标注库'
|
||||
},
|
||||
{
|
||||
name: 'WebMapEngine',
|
||||
url: 'https://github.com/wanglin2/web_map_demo'
|
||||
url: 'https://github.com/wanglin2/web_map_demo',
|
||||
desc: '一个简单的2D地图加载器'
|
||||
},
|
||||
{
|
||||
name: 'SimpleNoviceGuide',
|
||||
url: 'https://github.com/wanglin2/simple-novice-guide'
|
||||
url: 'https://github.com/wanglin2/simple-novice-guide',
|
||||
desc: ' 一个简洁的新手引导库'
|
||||
},
|
||||
{
|
||||
name: 'CanvasEditor',
|
||||
url: 'https://github.com/wanglin2/canvas-editor-demo'
|
||||
url: 'https://github.com/wanglin2/canvas-editor-demo',
|
||||
desc: '一个用Canvas做的富文本编辑器Demo'
|
||||
},
|
||||
{
|
||||
name: 'JsonTreeView',
|
||||
url: 'https://github.com/wanglin2/json-tree-view'
|
||||
url: 'https://github.com/wanglin2/json-tree-view',
|
||||
desc: '一个简洁的json格式化插件'
|
||||
},
|
||||
{
|
||||
name: 'SimpleFlowChart',
|
||||
url: 'https://github.com/wanglin2/simple-flow-chart'
|
||||
url: 'https://github.com/wanglin2/simple-flow-chart',
|
||||
desc: '一个用flex布局做的流程设计器'
|
||||
},
|
||||
{
|
||||
name: 'VideoTimeLine',
|
||||
url: 'https://github.com/wanglin2/VideoTimeLine'
|
||||
url: 'https://github.com/wanglin2/VideoTimeLine',
|
||||
desc: '一个基于Vue2的视频时间轴组件'
|
||||
},
|
||||
{
|
||||
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',
|
||||
url: 'https://github.com/wanglin2/AssociationLineDemo'
|
||||
url: 'https://github.com/wanglin2/AssociationLineDemo',
|
||||
desc: '关联线探究，如何连接流程图的两个节点'
|
||||
},
|
||||
{
|
||||
name: 'HandPaintedStyle',
|
||||
url: 'https://github.com/wanglin2/handPaintedStyle'
|
||||
url: 'https://github.com/wanglin2/handPaintedStyle',
|
||||
desc: '手绘风格图形的简单实现'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user