From 0dd41bd8cee430d3a948b89c664cb511c400993c Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 12 Aug 2022 19:11:46 +0800 Subject: [PATCH] 新增链接添加按钮,优化Dplayer播放 --- src/components/mini/tagInfo.vue | 98 +++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 91 insertions(+), 7 deletions(-) diff --git a/src/components/mini/tagInfo.vue b/src/components/mini/tagInfo.vue index dab1557..87ed56a 100644 --- a/src/components/mini/tagInfo.vue +++ b/src/components/mini/tagInfo.vue @@ -1,11 +1,12 @@ <template> + <!-- 异步加载组件 消息总线独立 状态管理 常量抽取 模块重构 jtx使用 css优化--> <div class="swichTag "> <a-page-header title="关于我的一些..小故事" style="padding: 10px 0px 20px 0px;" @back="() => this.$router.go(-1)" /> - <h3 class="layui-timeline-title">捏脸</h3> <a-timeline pending="..."> <p slot="pendingDot" style="font-size: 18px;" /> <a-timeline-item color=""> - <a-icon slot="dot" type="form" style="font-size: 18px;" /> + <!-- <a-icon slot="dot" type="form" style="font-size: 18px;" /> --> + <a-icon type="message" slot="dot" style="font-size: 18px;" /> <br> <p> <ul> @@ -27,19 +28,102 @@ <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> + --> + + <!-- + 它叫 faye's theme 出自高瞰/的独立游戏(寻找天堂) + + 时间:2020.02某个不眠的深夜 + 音源/录像: es110的内置录音/mi 9的普通摄像 + 剪辑:pr(其实就贴了一张图,一镜到底) + + 对我而言,2018-2020发生了很多事情, + 为此放弃了很多东西,不得不说那是一段不愿意回忆起的日子 + 2019年8月 我的挚友找了个梯子给我找来了这个谱子 + 它更像一副良药,缓慢而温和治愈我 + 以上.送给那些孤独的朋友.. + + 寻找天堂这部作品更引起了我的共鸣 + 这个时间点之前,瞰哥还有另一个神作,去月球,我也很喜欢这个 + 讲的是一个十分感人的爱情故事 + "如果你忘记了,或是走丢了呢?" + "那么我们总会在月亮上相遇的。" + 因而<<to the moon>> 这首曲子也在我的曲库里 + --> + + <!-- + 这首曲子叫卡农/canon(也是一种调式,不过大家都这么称呼它) + 或者矫情一点,我一般叫它 Canon In D Arranged By George Winston + 如它的名字所见,谱子出自乔治·温斯顿, + (有些难度的地方我可能自己做了简化处理,比如最后的几小节,所以有谱子对不上也是正常的,因为这个是属于我的卡农(骄傲.jpg)) + 时间:来自年代久远的2016.09 某个没课的下午 + 音源/录像: 舍友的iphone + 剪辑:手机版的小影 + + canon不是我第一首学会弹的曲子,如果要算的话,应该是完整学会的第二首曲子,不过却是我最喜欢的曲子,没有之一 + + 平常练琴带的耳机,特地拿出来录音已经是征得舍友同意,不然我也拿不到他的手机,哈哈(那年iPhone的录音确实比国产的安卓要好) + 没有感情的弹琴机器,也有可能是当时的电子琴表达不出来的我的情绪,现在回听,很多细节也没有处理好,剪辑衔接更是烂的一批, + 不过不妨碍我多年之后还是能津津有味地欣赏,哈哈 + + 这是一首为自己而弹的曲子,或多或少可能在大学以前听过,真正感到震撼的时刻,应该是在乐团里,现场听队友演凑,乡下孩子没见过世面,当时真的是感觉惊为天人, + "教练我要学这个!!" + --> + <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> + <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> @@ -61,7 +145,7 @@ <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.vip</a></p> + <p>完成技术选型,抛弃笨重的jeecg,就决定是你了<a href="https://xiaonuo.vip" target="_blank">xiaonuo</a></p> </a-timeline-item> <a-timeline-item color=""> @@ -99,7 +183,7 @@ <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> -- Gitblit v1.9.1