From 1b6f1e454fff0187d4d30dcf0d5819d4f57f1787 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Mon, 29 Aug 2022 01:05:14 +0800
Subject: [PATCH] 新增iframe 播放页 新增日志编辑页

---
 src/components/mini/tagInfo.vue |  266 +++++++++++++++++++++++++++--------------------------
 1 files changed, 135 insertions(+), 131 deletions(-)

diff --git a/src/components/mini/tagInfo.vue b/src/components/mini/tagInfo.vue
index 99aa9fb..849d0b7 100644
--- a/src/components/mini/tagInfo.vue
+++ b/src/components/mini/tagInfo.vue
@@ -3,39 +3,31 @@
 	<!-- 好用的黑色 #292a2d -->
 	<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="">
-				<!-- <a-icon slot="dot" type="form" style="font-size: 18px;" /> -->
-				<a-icon type="message" slot="dot" style="font-size: 18px;" />
+
+		<div>
+			<p>
+			<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>
+					<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>
-				<p>
-				<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>
+			</ul>
+			</p>
+		</div>
 
-						<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>
-
-			<!-- 
+		<!-- 
   寻找天堂这部作品更引起了我的共鸣
   这个时间点之前,瞰哥还有另一个神作,去月球,我也很喜欢这个
   讲的是一个十分感人的爱情故事
@@ -44,117 +36,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; " />
+						<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>
+					</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-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; " />
+						<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="" 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-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-tabs>
 
 	</div>
 </template>

--
Gitblit v1.9.1