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 | 132 +++++++++++++++++++++----------------------- 1 files changed, 63 insertions(+), 69 deletions(-) diff --git a/src/components/mini/tagInfo.vue b/src/components/mini/tagInfo.vue index 6dacc7a..849d0b7 100644 --- a/src/components/mini/tagInfo.vue +++ b/src/components/mini/tagInfo.vue @@ -3,36 +3,30 @@ <!-- 好用的黑色 #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="" 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> - <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> - </ul> - </p> - </a-timeline-item> - </a-timeline> + <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> + </ul> + </p> + </div> + <!-- 寻找天堂这部作品更引起了我的共鸣 这个时间点之前,瞰哥还有另一个神作,去月球,我也很喜欢这个 @@ -45,7 +39,45 @@ <h3 style="text-align: center;">那些对我而言,有意义的时刻..</h3> <br> <a-tabs defaultActiveKey="1" :tabBarStyle="{'display': 'flex','justify-content': 'center'}"> - <a-tab-pane key="1" tab="编年史"> + <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; " /> @@ -125,45 +157,7 @@ <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> -- Gitblit v1.9.1