diff --git a/apps/pages/userpage/components/author-article-item.vue b/apps/pages/userpage/components/author-article-item.vue index 7fa60f9..ce4456b 100644 --- a/apps/pages/userpage/components/author-article-item.vue +++ b/apps/pages/userpage/components/author-article-item.vue @@ -4,6 +4,7 @@ <div v-else class="wf-item-mid"> <a v-if="actionUrl" class="action-article" :href="actionUrl" target="_blank"></a> <div class="layer-image" @click="onClick" :style="`height: ${data.blockWidth * data.scale}px`"> + <div v-if="data.authStatus == 2" class="failed-cover">未审核通过</div> <ImageFormat :mode="1" :src="data.coverImage" :width="imgWidth" :height="Math.floor(data.scale * imgWidth)"></ImageFormat> </div> <div v-if="data.content" class="description" @click="onClick('article')"> @@ -26,7 +27,6 @@ </div> </template> - <script> import YAS from 'utils/yas-constants'; export default { @@ -62,6 +62,8 @@ export default { actionUrl() { if (this.data.sort === 3) { return this.data.actionUrl; + } else if (+this.data.authStatus === 2) { + return `?openby:yohobuy={"action":"go.editPost","params":{"articleId":"${this.data.articleId}"}}`; } return ''; @@ -115,6 +117,22 @@ export default { .layer-image { background-color: #f4f4f4; min-height: 100px; + position: relative; + + .failed-cover { + font-size: 26px; + color: #fff; + font-weight: 300; + background-color: rgba(0, 0, 0, 0.5); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + } > img { width: 100%;