给library的私密歌单加上lock icon

master
qier222 4 years ago
parent aadb1be17a
commit 6ed061eff6

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

Loading…
Cancel
Save