inleft
2022-08-18 916b6bf89465f057532ad8469e4e0002fc361716
commit | author | age
41b36f 1 <template>
1cf6d9 2     <!-- 异步加载组件  消息总线独立 状态管理  常量抽取 模块重构 jsx使用  css优化-->
I 3     <!-- 好用的黑色 #292a2d -->
f9c38e 4     <div class="swichTag ">
I 5         <a-page-header title="关于我的一些..小故事" style="padding: 10px 0px 20px 0px;" @back="() => this.$router.go(-1)" />
41b36f 6         <a-timeline pending="...">
aab811 7             <p slot="pendingDot" style="font-size: 18px;" />
f9c38e 8             <a-timeline-item color="">
f60b31 9                 <!-- <a-icon slot="dot" type="form" style="font-size: 18px;" /> -->
I 10                 <a-icon type="message" slot="dot" style="font-size: 18px;" />
1ad93b 11                 <br>
aab811 12                 <p>
f5539f 13                 <ul>
L 14                     <li> 尘世间一个迷途小码农</li>
15                     <li> 喜欢钢琴~喜欢吉他 </li>
16                     <li> 爱音乐,也爱看番 </li>
17                     <li> B界的白嫖怪</li>
f9c38e 18                     <li> PC单机的
I 19                         <!-- <span class="myTip">伪</span> --><span class="myTip"
20                             style="text-decoration:line-through">硬核</span>玩家
21                     </li>
f5539f 22                     <li>
L 23
f9c38e 24                         <img src="http://t.inleft.com/share/media_photo/xm.jpg"
83fb37 25                             style="width: 50px;border-radius: 20px;" />
1ad93b 26                         我的小老弟&御用暖床袋
f9c38e 27                         <img src="http://t.inleft.com/share/media_photo/IMG_20220117_145633.jpg"
I 28                             style="width: 50px;border-radius: 30px" />
f5539f 29                         <span style="font-size: 10px;color: #999">(小乖)</span>
L 30                     </li>
81c155 31                     <br>
cb7779 32                     <li> touch: inleft#qq.com</li><span style="font-size: 10px;color: #999">替换#为@</span>
f5539f 33                 </ul>
aab811 34                 </p>
81c155 35
I 36             </a-timeline-item>
f60b31 37             <!-- <a-timeline-item color="">
I 38                 <h3 class="layui-timeline-title">后续blog风格设计..</h3>
39                 <a-icon type="container" slot="dot" style="font-size: 18px;" />
40                 <br>
41                 <ul>
42                     <li> 第一要义 干净,凝练</li>
43                     <li> 交互感:动效(适量,微小,无感知,恰到好处)</li>
44                     <li> 响应式布局下,统一页边距,字体,行间距,圆角</li>
45                 </ul>
46             </a-timeline-item>
47  -->
00e46d 48             <!-- 
a529ff 49   它叫 faye's theme 出自高瞰/的独立游戏(寻找天堂)
I 50   
51   时间:2020.02某个不眠的深夜
52   音源/录像: es110的内置录音/mi 9的普通摄像
53   剪辑:pr(其实就贴了一张图,一镜到底)
af029b 54  
I 55   对我而言,2018-2020发生了很多事情,
56   为此放弃了很多东西,不得不说那是一段不愿意回忆起的日子
57   2019年8月 我的挚友找了个梯子给我找来了这个谱子
58   它更像一副良药,缓慢而温和治愈我
59   以上.送给那些孤独的朋友..
a529ff 60   
af029b 61   寻找天堂这部作品更引起了我的共鸣
a529ff 62   这个时间点之前,瞰哥还有另一个神作,去月球,我也很喜欢这个
I 63   讲的是一个十分感人的爱情故事
64   "如果你忘记了,或是走丢了呢?"
65   "那么我们总会在月亮上相遇的。"
66   因而<<to the moon>> 这首曲子也在我的曲库里
67   -->
00e46d 68
a529ff 69             <!-- 
I 70  这首曲子叫卡农/canon(也是一种调式,不过大家都这么称呼它) 
71  或者矫情一点,我一般叫它 Canon In D Arranged By George Winston
af029b 72  如它的名字所见,谱子出自乔治·温斯顿,
I 73  (有些难度的地方我可能自己做了简化处理,比如最后的几小节,所以有谱子对不上也是正常的,因为这个是属于我的卡农(骄傲.jpg))
a529ff 74  时间:来自年代久远的2016.09 某个没课的下午
I 75  音源/录像: 舍友的iphone
76  剪辑:手机版的小影
77  
78  canon不是我第一首学会弹的曲子,如果要算的话,应该是完整学会的第二首曲子,不过却是我最喜欢的曲子,没有之一
79  
80  平常练琴带的耳机,特地拿出来录音已经是征得舍友同意,不然我也拿不到他的手机,哈哈(那年iPhone的录音确实比国产的安卓要好)
81  没有感情的弹琴机器,也有可能是当时的电子琴表达不出来的我的情绪,现在回听,很多细节也没有处理好,剪辑衔接更是烂的一批,
82  不过不妨碍我多年之后还是能津津有味地欣赏,哈哈
83  
84  这是一首为自己而弹的曲子,或多或少可能在大学以前听过,真正感到震撼的时刻,应该是在乐团里,现场听队友演凑,乡下孩子没见过世面,当时真的是感觉惊为天人,
85  "教练我要学这个!!"
86  -->
f60b31 87             <br>
81c155 88             <h3 class="layui-timeline-title">那些对我而言,有意义的时刻..</h3>
f60b31 89             <br>
81c155 90             <a-timeline-item color="">
I 91                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
af029b 92                 <h3 class="layui-timeline-title">2022-08-11</h3>
I 93                 <p>更新:优化了视频模块,现在可以在
94                     <router-link :to="{path:'/platform'}">「月 台」</router-link>看到新发布的视频啦
95                 </p>
96                 <p class="myTip">谱子??谱子还没想好放哪里..</p>
97             </a-timeline-item>
98             <a-timeline-item color="">
99                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
cb7779 100                 <h3 class="layui-timeline-title">2022-07-29</h3>
I 101                 <span>
102                     <router-link to="/comment">优化更新:记住到访的朋友</router-link>
00e46d 103                     <p class="myTip">你的名字.</p>
cb7779 104                 </span>
00e46d 105                 <p>更新:近期更新日志添加小红点提示</p>
I 106                 <p>更新:碎碎念类型日志优化提示</p>
107                 <p>新增:拉取最近几条互动记录</p>
108                 <p>新增:外链类型日志 for
109                     <span class="myTip">浅浅子</span>
110                 </p>
cb7779 111             </a-timeline-item>
I 112             <a-timeline-item color="">
113                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
0b0125 114                 <h3 class="layui-timeline-title">2022-03-03</h3>
I 115                 <span>
56fe69 116                     <router-link to="/comment">碎碎念</router-link>
0b0125 117                 </span>
I 118                 <p class="myTip">虽然没啥用,可万一有人想给我留言呢☺☺️</p>
119             </a-timeline-item>
120             <a-timeline-item color="">
121                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
81c155 122                 <h3 class="layui-timeline-title">2022-02-22</h3>
f60b31 123                 <span style="text-decoration:line-through">全新的</span><span>vue系列+spring全家桶搭建的blog部署上线</span>
81c155 124                 <p class="myTip">(终于是赶在这个全是2的日子前把旧站有用的数据迁移了过来)</p>
I 125             </a-timeline-item>
f60b31 126
81c155 127             <a-timeline-item color="">
I 128                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
129                 <h3 class="layui-timeline-title">2022-01-11</h3>
130                 <p>3号机计划开始,新的blog代码提交的第一行</p>
aab811 131             </a-timeline-item>
I 132
f9c38e 133             <a-timeline-item color="">
aab811 134                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
81c155 135                 <h3 class="layui-timeline-title">2022-01-06</h3>
I 136                 <p>迁移1号机上的svn,启用3号机下的gitblit</p>
aab811 137             </a-timeline-item>
I 138
f9c38e 139             <a-timeline-item color="">
81c155 140                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
I 141                 <h3 class="layui-timeline-title">2022-01-04</h3>
142                 <p>迁移1号机的文件仓库到3号机</p>
143             </a-timeline-item>
144
145             <a-timeline-item color="">
146                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
147                 <h3 class="layui-timeline-title">2021-11-23</h3>
fc0c10 148                 <p>完成技术选型,抛弃笨重的jeecg,就决定是你了<a href="https://xiaonuo.vip" target="_blank">xiaonuo</a></p>
81c155 149             </a-timeline-item>
I 150
151             <a-timeline-item color="">
152                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
153                 <h3 class="layui-timeline-title">2021-11-11</h3>
154                 <p>被告知腾讯双11活动背刺,3号机计划启动</p>
155             </a-timeline-item>
156
157             <a-timeline-item color="">
158                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
159                 <h3 class="layui-timeline-title">2021-10-13</h3>
160                 <p>layui官网正式关闭..</p>
161             </a-timeline-item>
162
163             <a-timeline-item color="">
164                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
165                 <h3 class="layui-timeline-title">2021-07-30</h3>
166                 <p>腾讯2号机续费,暂时旅居在typecho下</p>
167             </a-timeline-item>
168
169             <a-timeline-item color="">
170                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
171                 <h3 class="layui-timeline-title">2020-05-27</h3>
172                 <span>扬帆,起航,layui第一版blog单页 面世</span>
173                 <span class="myTip">(咕了,没有后文..)</span>
174             </a-timeline-item>
175
176             <a-timeline-item color="">
177                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
178                 <h3 class="layui-timeline-title">2019-01-02</h3>
179                 <span>域名备案完成</span>
180             </a-timeline-item>
181
182             <a-timeline-item color="">
183                 <a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
184                 <h3 class="layui-timeline-title">2018-12-21</h3>
185                 <span>拿下域名:inleft.com</span>
56fe69 186                 <p>阿里云初代机 启动</p>
81c155 187             </a-timeline-item>
I 188
189
190             <!-- <a-timeline-item color="">
aab811 191                 <a-icon slot="dot" type="align-left" style="font-size: 18px;" />
I 192
f5539f 193                 <br><em>爱她所爱,思她所思,为她承担伤痛</em>
L 194                 <br>度过苦难 无论贫寒,无论卑贱或富贵
195                 <br>无论身处乱世还是神所不顾 我都愿为她拔剑而战
196                 <br>为她收起翅膀
197                 <br>不离不弃,直至永远
81c155 198             </a-timeline-item> -->
41b36f 199         </a-timeline>
I 200
201     </div>
202 </template>
203
204 <script>
205 </script>
206
207 <style lang="less">
81c155 208
41b36f 209 </style>