From a23166e4fac771238a90ae5ddc5b1e53a1c7afb8 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 25 Aug 2022 18:10:21 +0800
Subject: [PATCH] 更新后的细节调整
---
src/components/mini/tagInfo.vue | 226 +++++++++++++++++++++++++++++---------------------------
1 files changed, 118 insertions(+), 108 deletions(-)
diff --git a/src/components/mini/tagInfo.vue b/src/components/mini/tagInfo.vue
index 016d0ab..6dacc7a 100644
--- a/src/components/mini/tagInfo.vue
+++ b/src/components/mini/tagInfo.vue
@@ -5,7 +5,7 @@
<a-page-header title="关于我的一些..小故事" style="padding: 10px 0px 20px 0px;" @back="() => this.$router.go(-1)" />
<a-timeline pending="...">
<p slot="pendingDot" style="font-size: 18px;" />
- <a-timeline-item color="">
+ <a-timeline-item color="" style="margin-left: 10px;">
<!-- <a-icon slot="dot" type="form" style="font-size: 18px;" /> -->
<a-icon type="message" slot="dot" style="font-size: 18px;" />
<br>
@@ -16,11 +16,10 @@
<li> 爱音乐,也爱看番 </li>
<li> B界的白嫖怪</li>
<li> PC单机的
- <!-- <span class="myTip">伪</span> --><span class="myTip"
- style="text-decoration:line-through">硬核</span>玩家
+ <!-- <span class="myTip">伪</span> -->
+ <span class="myTip" style="text-decoration:line-through">硬核</span>玩家
</li>
<li>
-
<img src="http://t.inleft.com/share/media_photo/xm.jpg"
style="width: 50px;border-radius: 20px;" />
我的小老弟&御用暖床袋
@@ -29,13 +28,12 @@
<span style="font-size: 10px;color: #999">(小乖)</span>
</li>
<br>
- <!-- <li> touch: inleft#qq.com</li><span style="font-size: 10px;color: #999">替换#为@</span> -->
</ul>
</p>
</a-timeline-item>
-
- <!--
+ </a-timeline>
+ <!--
寻找天堂这部作品更引起了我的共鸣
这个时间点之前,瞰哥还有另一个神作,去月球,我也很喜欢这个
讲的是一个十分感人的爱情故事
@@ -44,117 +42,129 @@
因而<<to the moon>> 这首曲子也在我的曲库里
-->
- <br>
- <h3 class="layui-timeline-title">那些对我而言,有意义的时刻..</h3>
- <br>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2022-08-11</h3>
- <p>更新:优化了视频模块,现在可以在
- <router-link :to="{path:'/platform'}">「月 台」</router-link>看到新发布的视频啦
- </p>
- <p class="myTip">谱子??谱子还没想好放哪里..</p>
- </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2022-07-29</h3>
- <span>
- <router-link to="/comment">优化更新:记住到访的朋友</router-link>
- <p class="myTip">你的名字.</p>
- </span>
- <p>更新:近期更新日志添加小红点提示</p>
- <p>更新:碎碎念类型日志优化提示</p>
- <p>新增:拉取最近几条互动记录</p>
- <p>新增:外链类型日志 for
- <span class="myTip">浅浅子</span>
- </p>
- </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2022-03-03</h3>
- <span>
- <router-link to="/comment">碎碎念</router-link>
- </span>
- <p class="myTip">虽然没啥用,可万一有人想给我留言呢☺☺️</p>
- </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2022-02-22</h3>
- <span style="text-decoration:line-through">全新的</span><span>vue系列+spring全家桶搭建的blog部署上线</span>
- <p class="myTip">(终于是赶在这个全是2的日子前把旧站有用的数据迁移了过来)</p>
- </a-timeline-item>
+ <h3 style="text-align: center;">那些对我而言,有意义的时刻..</h3>
+ <br>
+ <a-tabs defaultActiveKey="1" :tabBarStyle="{'display': 'flex','justify-content': 'center'}">
+ <a-tab-pane key="1" tab="编年史">
+ <a-timeline>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px; " />
+ <p>2022-02-22</p>
+ <span style="text-decoration:line-through">全新的</span><span>vue系列+spring全家桶搭建的blog部署上线</span>
+ <p class="myTip">(终于是赶在这个全是2的日子前把旧站有用的数据迁移了过来)</p>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2022-01-11</h3>
- <p>3号机计划开始,新的blog代码提交的第一行</p>
- </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2022-01-11</h3>
+ <p>3号机计划开始,新的blog代码提交的第一行</p>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2022-01-06</h3>
- <p>迁移1号机上的svn,启用3号机下的gitblit</p>
- </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2022-01-06</h3>
+ <p>迁移1号机上的svn,启用3号机下的gitblit</p>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2022-01-04</h3>
- <p>迁移1号机的文件仓库到3号机</p>
- </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2022-01-04</h3>
+ <p>迁移1号机的文件仓库到3号机</p>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2021-11-23</h3>
- <p>完成技术选型,抛弃笨重的jeecg,就决定是你了<a href="https://xiaonuo.vip" target="_blank">xiaonuo</a></p>
- </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2021-11-23</h3>
+ <p>完成技术选型,抛弃笨重的jeecg,就决定是你了<a href="https://xiaonuo.vip" target="_blank">xiaonuo</a></p>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2021-11-11</h3>
- <p>被告知腾讯双11活动背刺,3号机计划启动</p>
- </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2021-11-11</h3>
+ <p>被告知腾讯双11活动背刺,3号机计划启动</p>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2021-10-13</h3>
- <p>layui官网正式关闭..</p>
- </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2021-10-13</h3>
+ <p>layui官网正式关闭..</p>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2021-07-30</h3>
- <p>腾讯2号机续费,暂时旅居在typecho下</p>
- </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2021-07-30</h3>
+ <p>腾讯2号机续费,暂时旅居在typecho下</p>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2020-05-27</h3>
- <span>扬帆,起航,layui第一版blog单页 面世</span>
- <span class="myTip">(咕了,没有后文..)</span>
- </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2020-05-27</h3>
+ <span>扬帆,起航,layui第一版blog单页 面世</span>
+ <span class="myTip">(咕了,没有后文..)</span>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2019-01-02</h3>
- <span>域名备案完成</span>
- </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2019-01-02</h3>
+ <span>域名备案完成</span>
+ </a-timeline-item>
- <a-timeline-item color="">
- <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
- <h3 class="layui-timeline-title">2018-12-21</h3>
- <span>拿下域名:inleft.com</span>
- <p>阿里云初代机 启动</p>
- </a-timeline-item>
-
- <!-- <a-timeline-item color="">
- <a-icon slot="dot" type="align-left" style="font-size: 18px;" />
- <br><em>爱她所爱,思她所思,为她承担伤痛</em>
- <br>度过苦难 无论贫寒,无论卑贱或富贵
- <br>无论身处乱世还是神所不顾 我都愿为她拔剑而战
- <br>为她收起翅膀
- <br>不离不弃,直至永远
- </a-timeline-item> -->
- </a-timeline>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2018-12-21</h3>
+ <span>拿下域名:inleft.com</span>
+ <p>阿里云初代机 启动</p>
+ </a-timeline-item>
+ </a-timeline>
+ <!-- <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="align-left" style="font-size: 18px;" />
+ <br><em>爱她所爱,思她所思,为她承担伤痛</em>
+ <br>度过苦难 无论贫寒,无论卑贱或富贵
+ <br>无论身处乱世还是神所不顾 我都愿为她拔剑而战
+ <br>为她收起翅膀
+ <br>不离不弃,直至永远
+ </a-timeline-item> -->
+ </a-tab-pane>
+ <a-tab-pane key="2" tab="更新记录">
+ <a-timeline>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px; " />
+ <h3>2022-08-25</h3>
+ <p>更新:拓展了数据库字段,日志可以支持更加丰富的媒体类型了</p>
+ </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2022-08-11</h3>
+ <p>更新:优化了视频模块,现在可以在
+ <router-link :to="{path:'/platform'}">「月 台」</router-link>看到新发布的视频啦
+ </p>
+ <p class="myTip">谱子??谱子还没想好放哪里..</p>
+ </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2022-07-29</h3>
+ <span>
+ <router-link to="/comment">优化更新:记住到访的朋友</router-link>
+ <p class="myTip">你的名字.</p>
+ </span>
+ <p>更新:近期更新日志添加小红点提示</p>
+ <p>更新:碎碎念类型日志优化提示</p>
+ <p>新增:拉取最近几条互动记录</p>
+ <p>新增:外链类型日志 for
+ <span class="myTip">浅浅子</span>
+ </p>
+ </a-timeline-item>
+ <a-timeline-item color="" style="margin-left: 10px;">
+ <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
+ <h3>2022-03-03</h3>
+ <span>
+ <router-link to="/comment">碎碎念</router-link>
+ </span>
+ <p class="myTip">虽然没啥用,可万一有人想给我留言呢☺☺️</p>
+ </a-timeline-item>
+ </a-timeline>
+ </a-tab-pane>
+ </a-tabs>
</div>
</template>
--
Gitblit v1.9.1