Authored by ityuany

推荐

- 图标更换
- 位置调整
@@ -7,6 +7,7 @@ @@ -7,6 +7,7 @@
7 <div v-if="data.authStatus == 2" class="failed-cover">未审核通过</div> 7 <div v-if="data.authStatus == 2" class="failed-cover">未审核通过</div>
8 <div v-if="cornerMark" class="article-corner-mark" :class="cornerMark"></div> 8 <div v-if="cornerMark" class="article-corner-mark" :class="cornerMark"></div>
9 <ImageFormat :mode="1" :src="data.coverImage" :width="imgWidth" :height="Math.floor(data.scale * imgWidth)"></ImageFormat> 9 <ImageFormat :mode="1" :src="data.coverImage" :width="imgWidth" :height="Math.floor(data.scale * imgWidth)"></ImageFormat>
  10 + <div v-if="data.recommendFlag" class="rec-flag"></div>
10 </div> 11 </div>
11 <div v-if="data.content" class="description" @click="onClick('article')"> 12 <div v-if="data.content" class="description" @click="onClick('article')">
12 <p>{{data.content}}</p> 13 <p>{{data.content}}</p>
@@ -23,7 +24,7 @@ @@ -23,7 +24,7 @@
23 </div> 24 </div>
24 </div> 25 </div>
25 </div> 26 </div>
26 - <div v-if="data.recommendFlag" class="rec-flag"></div> 27 +
27 </div> 28 </div>
28 </template> 29 </template>
29 30
@@ -124,14 +125,14 @@ export default { @@ -124,14 +125,14 @@ export default {
124 } 125 }
125 126
126 .rec-flag { 127 .rec-flag {
127 - width: 70px;  
128 - height: 28px; 128 + width: 48px;
  129 + height: 48px;
129 position: absolute; 130 position: absolute;
130 - right: 0;  
131 - top: 10px; 131 + left: 10px;
  132 + bottom: 10px;
132 z-index: 1; 133 z-index: 1;
133 - background-image: url("~statics/image/userpage/rec-flg.png");  
134 - background-size: contain; 134 + background-image: url("~statics/image/userpage/great_ic@3x.png");
  135 + background-size: cover;
135 } 136 }
136 137
137 .action-article { 138 .action-article {