...
|
...
|
@@ -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%;
|
...
|
...
|
|