|
|
<template>
|
|
|
<Layout class="article">
|
|
|
<LayoutHeader theme="white" slot='header' :title="title" :share="shareData" :opacity="currentAuthor.opacity">
|
|
|
<template v-if="showHeader">
|
|
|
<WidgetAvatar class="widget-avatar" :src="currentAuthor.authorHeadIco" :width="70" :height="70"></WidgetAvatar>
|
|
|
<span class="user-name">{{currentAuthor.authorName}}</span>
|
|
|
</template>
|
|
|
<template v-if="showHeader" v-slot:opts>
|
|
|
<WidgetFollow class="widget-follow" :author-uid="currentAuthor.authorUid" :follow="currentAuthor.hasAttention === 'Y'" @on-follow="follow => onFollow(currentAuthor, follow)"></WidgetFollow>
|
|
|
</template>
|
|
|
</LayoutHeader>
|
|
|
<LayoutRecycleList v-if="isMounted" ref="scroll" @scroll="onScroll" :offset="1000" :on-fetch="onFetch">
|
|
|
<template class="article-item" v-slot:item="{ data }">
|
|
|
<ArticleItem
|
|
|
:id="`item${data.index}`"
|
|
|
:data="data"
|
|
|
:data-id="data.articleId"
|
|
|
@on-resize="onResize(data)"
|
|
|
@on-resizeing="onResizeing(data)"
|
|
|
@on-follow="follow => onFollow(data, follow)"
|
|
|
@on-expand="onExpand"
|
|
|
@on-comment="onComment"></ArticleItem>
|
|
|
<div :id="`ph${data.index}`"></div>
|
|
|
</template>
|
|
|
</LayoutRecycleList>
|
|
|
<slot name="thumb" v-else></slot>
|
|
|
|
|
|
<div>
|
|
|
<Layout class="article">
|
|
|
<LayoutHeader theme="white" slot='header' :title="title" :share="shareData" :opacity="currentAuthor.opacity">
|
|
|
<template v-if="showHeader">
|
|
|
<WidgetAvatar class="widget-avatar" :src="currentAuthor.authorHeadIco" :width="70" :height="70"></WidgetAvatar>
|
|
|
<span class="user-name">{{currentAuthor.authorName}}</span>
|
|
|
</template>
|
|
|
<template v-if="showHeader" v-slot:opts>
|
|
|
<WidgetFollow class="widget-follow" :author-uid="currentAuthor.authorUid" :follow="currentAuthor.hasAttention === 'Y'" @on-follow="follow => onFollow(currentAuthor, follow)"></WidgetFollow>
|
|
|
</template>
|
|
|
</LayoutHeader>
|
|
|
<LayoutRecycleList v-if="isMounted" ref="scroll" @scroll="onScroll" :offset="1000" :on-fetch="onFetch">
|
|
|
<template class="article-item" v-slot:item="{ data }">
|
|
|
<ArticleItem
|
|
|
:id="`item${data.index}`"
|
|
|
:data="data"
|
|
|
:data-id="data.articleId"
|
|
|
@on-resize="onResize(data)"
|
|
|
@on-resizeing="onResizeing(data)"
|
|
|
@on-follow="follow => onFollow(data, follow)"
|
|
|
@on-expand="onExpand"
|
|
|
@on-comment="onComment"></ArticleItem>
|
|
|
<div :id="`ph${data.index}`"></div>
|
|
|
</template>
|
|
|
</LayoutRecycleList>
|
|
|
<slot name="thumb" v-else></slot>
|
|
|
</Layout>
|
|
|
<ArticleActionSheet v-if="showArticleDetailAction" ref="actionSheet"></ArticleActionSheet>
|
|
|
<YohoActionSheet transfer v-if="showCommentAction" ref="commentAction" :full="true">
|
|
|
<Comment ref="comment" :destId="articleId" :popup="true" @on-close="onClose"></Comment>
|
|
|
</YohoActionSheet>
|
|
|
</Layout>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
...
|
...
|
|