From 8ec9c517c58b70918f2d72f2bfa6ab4b0a4145f9 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 19 Aug 2022 18:03:39 +0800 Subject: [PATCH] 局部细节调整 --- src/components/mini/tagInfo.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 44 insertions(+), 15 deletions(-) diff --git a/src/components/mini/tagInfo.vue b/src/components/mini/tagInfo.vue index 4495ec9..99aa9fb 100644 --- a/src/components/mini/tagInfo.vue +++ b/src/components/mini/tagInfo.vue @@ -1,4 +1,6 @@ <template> + <!-- 异步加载组件 消息总线独立 状态管理 常量抽取 模块重构 jsx使用 css优化--> + <!-- 好用的黑色 #292a2d --> <div class="swichTag "> <a-page-header title="关于我的一些..小故事" style="padding: 10px 0px 20px 0px;" @back="() => this.$router.go(-1)" /> <a-timeline pending="..."> @@ -27,25 +29,54 @@ <span style="font-size: 10px;color: #999">(小乖)</span> </li> <br> - <li> touch: inleft@qq.com</li> + <li> touch: inleft#qq.com</li><span style="font-size: 10px;color: #999">替换#为@</span> </ul> </p> </a-timeline-item> - <!-- <a-timeline-item color=""> - <h3 class="layui-timeline-title">后续blog风格设计..</h3> - <a-icon type="container" slot="dot" style="font-size: 18px;" /> - <br> - <ul> - <li> 第一要义 干净,凝练</li> - <li> 交互感:动效(适量,微小,无感知,恰到好处)</li> - <li> 响应式布局下,统一页边距,字体,行间距,圆角</li> - </ul> - </a-timeline-item> - --> + + <!-- + 寻找天堂这部作品更引起了我的共鸣 + 这个时间点之前,瞰哥还有另一个神作,去月球,我也很喜欢这个 + 讲的是一个十分感人的爱情故事 + "如果你忘记了,或是走丢了呢?" + "那么我们总会在月亮上相遇的。" + 因而<<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> @@ -112,13 +143,11 @@ <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>阿里云1号机 尝鲜</p> + <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>无论身处乱世还是神所不顾 我都愿为她拔剑而战 -- Gitblit v1.9.1