Complete About page.

pull/9/head
ruibaby 2019-05-03 22:45:03 +08:00
parent 0834a61771
commit faf18322c6
1 changed files with 119 additions and 42 deletions

View File

@ -3,44 +3,71 @@
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<a-card :bordered="false"> <a-card :bordered="false">
<!-- 简介 -->
<h2>简介</h2> <a-list itemLayout="horizontal">
<p>Halo [ˈheɪloʊ]意为光环当然你也可以当成拼音读(哈喽)</p> <a-list-item>
<p>轻快简洁功能强大使用 Java 开发的博客系统</p> <a-list-item-meta>
<h2>环境信息</h2> <h3 slot="title">
<p>版本1.0</p> 环境信息
<p>数据库MySql</p> </h3>
<p>开发语言Java</p> <template slot="description">
<!-- 关于我们 --> <ul>
<h2>开发者</h2> <li>版本1.0</li>
<div> <li>数据库h2databse</li>
<a-tooltip <li>运行时长2小时45分钟</li>
placement="top" </ul>
v-for="(item,index) in developers" <a
:title="item.name" href="https://docs.halo.run"
:key="index" target="_blank"
> >用户文档
<a-avatar <a-icon type="link" /></a>&nbsp;
:size="60" <a
:src="item.avatar" href="https://bbs.halo.run"
/> target="_blank"
</a-tooltip> >问题反馈
</div> <a-icon type="link" /></a>&nbsp;
<!-- 发展历程 --> </template>
<h2>时间轴</h2> </a-list-item-meta>
<a-timeline> </a-list-item>
<a-timeline-item>Create a services site 2015-09-01</a-timeline-item> <a-list-item>
<a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item> <a-list-item-meta>
<a-timeline-item color="red"> <h3 slot="title">
<a-icon 开发者
slot="dot" </h3>
type="clock-circle-o" <template slot="description">
style="fontSize: '16px'" <a-tooltip
/> placement="top"
Technical testing 2015-09-01 v-for="(item,index) in developers"
</a-timeline-item> :title="item.name"
<a-timeline-item>Network problems being solved 2015-09-01</a-timeline-item> :key="index"
</a-timeline> >
<a-avatar
size="large"
:src="item.avatar"
:style="{ marginRight: '10px' }"
/>
</a-tooltip>
</template>
</a-list-item-meta>
</a-list-item>
<a-list-item>
<a-list-item-meta>
<h3 slot="title">
时间轴
</h3>
<template slot="description">
<a-timeline>
<a-timeline-item>...</a-timeline-item>
<a-timeline-item
v-for="(item, index) in steps"
:key="index"
>{{ item.date }} {{ item.content }}</a-timeline-item>
</a-timeline>
</template>
</a-list-item-meta>
</a-list-item>
</a-list>
</a-card> </a-card>
</a-col> </a-col>
</a-row> </a-row>
@ -54,17 +81,67 @@ export default {
developers: [ developers: [
{ {
name: 'Ryan Wang', name: 'Ryan Wang',
avatar: 'https://gravatar.loli.net/avatar/7cc7f29278071bd4dce995612d428834?s=256&d=mm' avatar: 'https://gravatar.loli.net/avatar/7cc7f29278071bd4dce995612d428834?s=256&d=mm',
website: 'https://ryanc.cc',
github: 'https://github.com/ruibaby'
}, },
{ {
name: 'John Niang', name: 'John Niang',
avatar: 'https://johnniang.me/imgs/avatar.png' avatar: 'https://johnniang.me/imgs/avatar.png',
website: 'https://johnniang.me',
github: 'https://github.com/johnniang'
}
],
steps: [
{
date: '2019-??-??',
content: '1.0 正式版发布'
},
{
date: '2019-05-03',
content: 'Star 数达到 3300'
},
{
date: '2019-01-30',
content: 'John Niang 加入开发'
},
{
date: '2018-10-18',
content: '构建镜像到 Docker hub'
},
{
date: '2018-09-22',
content: 'Star 数达到 800'
},
{
date: '2018-05-02',
content: '第一条 Issue'
},
{
date: '2018-05-01',
content: 'Star 数达到 100'
},
{
date: '2018-04-29',
content: '第一个 Pull request'
},
{
date: '2018-04-28',
content: '正式开源'
},
{
date: '2018-03-21',
content: '确定命名为 Halo并上传到 Github'
} }
] ]
} }
} }
} }
</script> </script>
<style lang="less" scope>
<style scoped> ul {
margin: 0;
padding: 0;
list-style: none;
}
</style> </style>