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 | 226 ++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 187 insertions(+), 39 deletions(-)
diff --git a/src/components/mini/tagInfo.vue b/src/components/mini/tagInfo.vue
index ccdb5f2..87ed56a 100644
--- a/src/components/mini/tagInfo.vue
+++ b/src/components/mini/tagInfo.vue
@@ -1,53 +1,201 @@
<template>
- <div class="swichTag">
- <a-page-header style="padding: 0px;" title=" " @back="() => this.$router.go(-1)">
- </a-page-header>
- <a-divider :dashed="true" orientation="left">关于我的一些..小故事</a-divider>
-
+ <!-- 异步加载组件 消息总线独立 状态管理 常量抽取 模块重构 jtx使用 css优化-->
+ <div class="swichTag ">
+ <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="white">
- <a-icon slot="dot" type="form" style="font-size: 18px;" />
- <h4>我...</h4>
+ <a-timeline-item color="">
+ <!-- <a-icon slot="dot" type="form" style="font-size: 18px;" /> -->
+ <a-icon type="message" slot="dot" style="font-size: 18px;" />
+ <br>
<p>
- <ul>
- <li> 尘世间一个迷途小码农</li>
- <li> 喜欢钢琴~喜欢吉他 </li>
- </ul>
- </p>
- </a-timeline-item>
+ <ul>
+ <li> 尘世间一个迷途小码农</li>
+ <li> 喜欢钢琴~喜欢吉他 </li>
+ <li> 爱音乐,也爱看番 </li>
+ <li> B界的白嫖怪</li>
+ <li> PC单机的
+ <!-- <span class="myTip">伪</span> --><span class="myTip"
+ style="text-decoration:line-through">硬核</span>玩家
+ </li>
+ <li>
- <a-timeline-item color="white">
+ <img src="http://t.inleft.com/share/media_photo/xm.jpg"
+ style="width: 50px;border-radius: 20px;" />
+ 我的小老弟&御用暖床袋
+ <img src="http://t.inleft.com/share/media_photo/IMG_20220117_145633.jpg"
+ style="width: 50px;border-radius: 30px" />
+ <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-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;" />
- <h4 class="layui-timeline-title">202108</h4>
- <p>到我提笔准备写下篇类日记的时候,时间已经来到了16号,
- <br>此刻的心情,也是平静了许多,想来,这周算是近年来比较忙的周末了吧,从周五凌晨1点就开始马不停蹄..
+ <h3 class="layui-timeline-title">2022-08-11</h3>
+ <p>更新:优化了视频模块,现在可以在
+ <router-link :to="{path:'/platform'}">「月 台」</router-link>看到新发布的视频啦
</p>
- <br>然后,从哪里说起好呢,似乎从哪里起头都是一笔坏账啊..
- <br>临上车前,我靠在车站的栏杆上,她拿着个电动小风扇,倒是自己不吹,直愣愣对着我,在我旁边吱吱说话,不过此刻我早就不记得她说过了什么,
- <br>那时,我满脑子都是在想:说吧,说吧,你再不说,以后可能就没机会了
- <br>没等我脑子缓过神来,我把目光从直视栏杆的方向就自然扭回到了她的方向,话题一转:你觉得,我是在用什么心情在看你呢
- <br>
- <br>她啊了一下,似乎也没停顿,这个比较直的女孩就接过我的话:应该是.....她自顾说了几个她觉得的我对她的印象,但我又不记得了,
- <br>几分神,我顿了顿,遥遥头:不是,我是说,我对你的...
- <br>我的双手在胸前不停打转,很想通过肢体的语言给她传递我心里的感受,有那么一会,我实在是不知道怎么说下去了..
- <br>
- <br>客车要发动了,我停下双手,想起也是在5年前的一个场景,我眼神示意了下车子,我要走了..客流开始向车的入口靠过去,我正要提步,
- <br>"哎..给我一个拥抱吧"..我张了双臂,她稍微停了下,还是靠了过来..
- <br>离开她的怀抱后,我比一个六的手势:"其实,六年前,到现在为止"..趁机,我在她耳边,轻轻地道:"***,***"
- <br>
- <br>end..希望我们的故事还没有终点..
+ <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>
- <a-timeline-item color="<white></white>">
+ <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="">
+ <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="">
+ <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="">
+ <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="">
+ <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="">
+ <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="">
+ <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="">
+ <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="">
+ <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="">
+ <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>
+ <br><em>爱她所爱,思她所思,为她承担伤痛</em>
+ <br>度过苦难 无论贫寒,无论卑贱或富贵
+ <br>无论身处乱世还是神所不顾 我都愿为她拔剑而战
+ <br>为她收起翅膀
+ <br>不离不弃,直至永远
+ </a-timeline-item> -->
</a-timeline>
</div>
--
Gitblit v1.9.1