@@ -8,10 +8,6 @@ layout: page
88 <tag v-for="tag in Object.keys(tagColors)" :class="[currentTag === tag ? 'current-tag' : '']"
99 @click="filterArticleByTag(tag)" :color="tagColors[tag]">{{ tag }}</tag>
1010 </div >
11- <img class="drone"
12- src="https://mp-780ec593-98c3-47c6-9328-1690ac79007b.cdn.bspapp.com/images//hero-drone.webp " />
13- <img class="cat"
14- src="https://mp-780ec593-98c3-47c6-9328-1690ac79007b.cdn.bspapp.com/images//astrocat.png " />
1511 <div :class =" ['article-time-line', show ? 'show' : 'hidden'] " >
1612 <div class="time-line">
1713 <time-line-item v-for="item in article" v-bind="item">
@@ -82,25 +78,8 @@ article.push(...originCopy)
8278 -o-background-size : cover ;
8379}
8480
85- .drone {
86- position : absolute ;
87- right : 32px ;
88- top : 32px ;
89- width : 160px ;
90- height : 104px ;
91- /* animation: upDown 5s linear alternate infinite forwards; */
92- }
93-
94- .cat {
95- position : absolute ;
96- right : 0px ;
97- bottom : 32px ;
98- width : 300px ;
99- height : 303px ;
100- }
101-
10281.article-time-line {
103- width : calc ( 100% - 300 px ) ;
82+ width : 100% ;
10483 padding : 16px 64px 64px 64px ;
10584 height : calc (100% - 120px );
10685 position : absolute ;
@@ -124,7 +103,7 @@ article.push(...originCopy)
124103}
125104
126105.article-time-line.hidden {
127- left : calc ( 0 px - 100% + 300 px ) ;
106+ left : - 100% ;
128107}
129108
130109.article-time-line ,
@@ -135,7 +114,7 @@ article.push(...originCopy)
135114.space {
136115 margin : 0 64px 14px 64px ;
137116 position : absolute ;
138- width : calc ( 100% - 300 px ) ;
117+ width : 100% ;
139118 left : 0 ;
140119 display : flex ;
141120 justify-content : flex-start ;
@@ -160,14 +139,4 @@ article.push(...originCopy)
160139 padding-right : 16px ;
161140 cursor : pointer ;
162141}
163-
164- @keyframes upDown {
165- 0% {
166- top : 0 ;
167- }
168-
169- 100% {
170- top : 64px
171- }
172- }
173142</style >
0 commit comments