Doc:调整首页文档

This commit is contained in:
wanglin2 2023-08-14 09:36:10 +08:00
parent 393410757b
commit ec83976818
2 changed files with 35 additions and 18 deletions

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: [

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: '手绘风格图形的简单实现'
} }
] ]
} }