@@ -23,6 +23,17 @@
background-repeat: no-repeat;
background-position: center;
background-image: url('../images/icon-photo-default.png');
+
+ .iconNew {
+ position: absolute;
+ top: 6px;
+ right: 6px;
+ background: url('../images/icon-new.png') no-repeat center center;
+ background-size: 100%;
+ display: inline-block;
+ width: 44px;
+ height: 17px;
+ }
}
.photoItem {
@@ -108,7 +108,9 @@ export default defineComponent({
? { backgroundImage: `url(${item.coverUrl})`, backgroundSize: 'cover' }
: ''
- ></div>
+ >
+ {item.newFlag ? <i class={styles.iconNew}></i> : ''}
+ </div>
</div>
<div class={[styles.gridName, 'van-ellipsis']}>{item.name || ''}</div>