|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<Layout class="article">
|
|
|
|
<LayoutHeader v-if="!noHeader" theme="white" slot='header' :title="title">
|
|
|
|
<LayoutHeader v-if="!noHeader" theme="white" slot='header'>
|
|
|
|
<template v-if="showHeader">
|
|
|
|
<div class="avatar-wrapper" @click="toUserPage">
|
|
|
|
<WidgetAvatar class="widget-avatar" :src="currentAuthor.authorHeadIco" :width="70" :height="70"></WidgetAvatar>
|
|
|
|
<span class="user-name">{{currentAuthor.authorName}}</span>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<template v-else>
|
|
|
|
<div class="article-title">{{title}}</div>
|
|
|
|
</template>
|
|
|
|
<template v-if="showHeader" v-slot:opts>
|
|
|
|
<WidgetFollow :share="share" class="widget-follow" :class="headerFollowClass" :author-uid="currentAuthor.authorUid" :follow="currentAuthor.hasAttention === 'Y'" @on-follow="follow => onFollow(currentAuthor, follow)" :pos-id="posId"></WidgetFollow>
|
|
|
|
<i class="iconfont icon-more1" @click="onShowMore(currentAuthor)"></i>
|
|
...
|
...
|
@@ -360,6 +363,11 @@ export default { |
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.article-title {
|
|
|
|
font-size: 34px;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-more1 {
|
|
|
|
font-size: 40px!important;
|
|
|
|
margin-right: 6px;
|
...
|
...
|
|
