Showing
3 changed files
with
9 additions
and
7 deletions
@@ -184,7 +184,7 @@ export default { | @@ -184,7 +184,7 @@ export default { | ||
184 | return Object.assign({...articleState}, {hasAttention: authorState.hasAttention}); | 184 | return Object.assign({...articleState}, {hasAttention: authorState.hasAttention}); |
185 | }, | 185 | }, |
186 | headerAnimateStep() { | 186 | headerAnimateStep() { |
187 | - if (this.articleInfo.sort !== 2 || this.scrollTop > this.coverHeight) { | 187 | + if (this.articleInfo.sort !== 0 || this.scrollTop > this.coverHeight) { |
188 | return 100; | 188 | return 100; |
189 | } else if (this.scrollTop > 0) { | 189 | } else if (this.scrollTop > 0) { |
190 | let coverHeight = get(this.$refs, 'detailLong.coverHeight', 0); | 190 | let coverHeight = get(this.$refs, 'detailLong.coverHeight', 0); |
@@ -205,7 +205,7 @@ export default { | @@ -205,7 +205,7 @@ export default { | ||
205 | } | 205 | } |
206 | }, | 206 | }, |
207 | headerTitleAnimateStep() { | 207 | headerTitleAnimateStep() { |
208 | - if (this.articleInfo.sort === 2) { | 208 | + /* if (this.articleInfo.sort === 2) { |
209 | let {height, top} = get(this.$refs, 'detailLong.authorBlock', {}); | 209 | let {height, top} = get(this.$refs, 'detailLong.authorBlock', {}); |
210 | 210 | ||
211 | let scrollTop = this.scrollTop + get(this.$refs, 'header.$el.offsetHeight', 0); | 211 | let scrollTop = this.scrollTop + get(this.$refs, 'header.$el.offsetHeight', 0); |
@@ -223,7 +223,9 @@ export default { | @@ -223,7 +223,9 @@ export default { | ||
223 | return 0; | 223 | return 0; |
224 | } else { | 224 | } else { |
225 | return 100; | 225 | return 100; |
226 | - } | 226 | + }*/ |
227 | + | ||
228 | + return 100; | ||
227 | }, | 229 | }, |
228 | viewMoreArticles() { | 230 | viewMoreArticles() { |
229 | let scrollTop = this.scrollTop; | 231 | let scrollTop = this.scrollTop; |
@@ -45,7 +45,7 @@ export default { | @@ -45,7 +45,7 @@ export default { | ||
45 | let style = {}; | 45 | let style = {}; |
46 | 46 | ||
47 | this.setIconColor(Math.floor((255 - 68) * (1 - this.stepPercent) + 68)); | 47 | this.setIconColor(Math.floor((255 - 68) * (1 - this.stepPercent) + 68)); |
48 | - style.background = `rgba(255,255,255,${this.stepPercent})`; | 48 | + style.background = `rgba(255,255,255, ${this.stepPercent})`; |
49 | 49 | ||
50 | if (this.stepPercent > 0.98) { | 50 | if (this.stepPercent > 0.98) { |
51 | style.borderBottom = '1px solid #efefef'; | 51 | style.borderBottom = '1px solid #efefef'; |
1 | <template> | 1 | <template> |
2 | <div class="article-detail-long"> | 2 | <div class="article-detail-long"> |
3 | <div class="header-cover" v-if="!share"></div> | 3 | <div class="header-cover" v-if="!share"></div> |
4 | - <ArticleItemSlideImage ref="coverFigure" class="cover-figure" :data="coverImage" :thumb-size="coverSize" | 4 | + <!--<ArticleItemSlideImage ref="coverFigure" class="cover-figure" :data="coverImage" :thumb-size="coverSize" |
5 | :style="`transform: translate3d(0, ${coverTranslateY}px, 0)`"> | 5 | :style="`transform: translate3d(0, ${coverTranslateY}px, 0)`"> |
6 | - </ArticleItemSlideImage> | 6 | + </ArticleItemSlideImage>--> |
7 | <div ref="authorBlock" class="author-block"> | 7 | <div ref="authorBlock" class="author-block"> |
8 | <ArticleItemHeader :share="share" :data="authorData" :lazy="lazy" :more="showMoreOpt" | 8 | <ArticleItemHeader :share="share" :data="authorData" :lazy="lazy" :more="showMoreOpt" |
9 | - @on-follow="onFollowAuthor"></ArticleItemHeader> | 9 | + @on-follow="onFollowAuthor" style="visibility: hidden;"></ArticleItemHeader> |
10 | </div> | 10 | </div> |
11 | <div class="main-detail"> | 11 | <div class="main-detail"> |
12 | 12 |
-
Please register or login to post a comment