|
|
|
@ -33,6 +33,12 @@
|
|
|
|
|
v-if="type === 'album' && item.mark === 1056768"
|
|
|
|
|
><ExplicitSymbol
|
|
|
|
|
/></span>
|
|
|
|
|
<span
|
|
|
|
|
class="lock-icon"
|
|
|
|
|
v-if="type === 'playlist' && item.privacy !== 0"
|
|
|
|
|
>
|
|
|
|
|
<svg-icon icon-class="lock"
|
|
|
|
|
/></span>
|
|
|
|
|
<router-link
|
|
|
|
|
:to="`/${type === 'chart' ? 'playlist' : type}/${item.id}`"
|
|
|
|
|
>{{ item.name }}</router-link
|
|
|
|
@ -54,27 +60,27 @@ export default {
|
|
|
|
|
name: "CoverRow",
|
|
|
|
|
components: {
|
|
|
|
|
Cover,
|
|
|
|
|
ExplicitSymbol,
|
|
|
|
|
ExplicitSymbol
|
|
|
|
|
},
|
|
|
|
|
props: {
|
|
|
|
|
items: Array,
|
|
|
|
|
type: String,
|
|
|
|
|
subText: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: "none",
|
|
|
|
|
default: "none"
|
|
|
|
|
},
|
|
|
|
|
imageSize: {
|
|
|
|
|
type: Number,
|
|
|
|
|
default: 512,
|
|
|
|
|
default: 512
|
|
|
|
|
},
|
|
|
|
|
showPlayButton: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: false,
|
|
|
|
|
default: false
|
|
|
|
|
},
|
|
|
|
|
showPlayCount: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: false,
|
|
|
|
|
},
|
|
|
|
|
default: false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getUrl(item) {
|
|
|
|
@ -96,8 +102,8 @@ export default {
|
|
|
|
|
item.publishTime
|
|
|
|
|
).getFullYear()}`;
|
|
|
|
|
if (this.subText === "appleMusic") return "by Apple Music";
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
@ -164,6 +170,16 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.lock-icon {
|
|
|
|
|
color: rgba(0, 0, 0, 0.28);
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
// float: right;
|
|
|
|
|
.svg-icon {
|
|
|
|
|
height: 12px;
|
|
|
|
|
width: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.play-count {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: rgba(0, 0, 0, 0.58);
|
|
|
|
|