From 6ed061eff6f32bfb1031c0196b47e773b88f67eb Mon Sep 17 00:00:00 2001
From: qier222 <68148142+qier222@users.noreply.github.com>
Date: Tue, 20 Oct 2020 20:32:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=99library=E7=9A=84=E7=A7=81=E5=AF=86?=
 =?UTF-8?q?=E6=AD=8C=E5=8D=95=E5=8A=A0=E4=B8=8Alock=20icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CoverRow.vue | 32 ++++++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/components/CoverRow.vue b/src/components/CoverRow.vue
index 9de24a6..48a482c 100644
--- a/src/components/CoverRow.vue
+++ b/src/components/CoverRow.vue
@@ -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);