Authored by yyq

long article icon

... ... @@ -4,6 +4,7 @@
<div class="article-item-main">
<a v-if="actionUrl" class="action-article" :href="actionUrl" target="_blank"></a>
<div class="layer-image" :style="`height: ${Math.floor(width * coverImage.scale)}px`" @click="toArticlePage">
<div v-if="data.sort === 2" class="article-long-icon"></div>
<ImageFormat :mode="1" :src="coverImage.contentData" :width="coverImage.width" :height="coverImage.height"></ImageFormat>
</div>
<div v-if="intro" class="description" @click="toArticlePage">{{intro}}</div>
... ... @@ -175,6 +176,16 @@ export default {
z-index: 1;
}
.article-long-icon {
width: 36px;
height: 36px;
position: absolute;
top: 18px;
right: 18px;
background-image: url('~statics/image/article/article-long-icon.png');
background-size: 100% 100%;
}
.layer-image img {
width: 100%;
height: 100%;
... ...
... ... @@ -5,6 +5,7 @@
<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>
<div v-if="data.sort === 2" class="article-long-icon"></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')">
... ... @@ -52,6 +53,7 @@ export default {
},
computed: {
favOption() {
console.log(this.data);
return {
selected: this.data.hasPraised === 'Y',
iconBold: true,
... ... @@ -134,6 +136,16 @@ export default {
justify-content: center;
}
.article-long-icon {
width: 36px;
height: 36px;
position: absolute;
top: 18px;
right: 18px;
background-image: url('~statics/image/article/article-long-icon.png');
background-size: 100% 100%;
}
> img {
width: 100%;
height: 100%;
... ...