feat: 标记浏览过的帖子

ttop5 · Aug 6, 2019 · 48551a1 · 48551a1
1 parent 7de4838
commit 48551a1
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
@@ -7,8 +7,10 @@
         v-ripple
         tag="a"
         target="_blank"
+        :style="`color: ${(readedLinks.includes(item.url)) ? 'gray' : 'unset'}`"
         :href="item.url"
         :key="item.index"
+        @click="clickHandler(item)"
       >
         {{ item.title }}
       </q-item>
@@ -24,6 +26,7 @@ export default {
   data() {
     return {
       postList: [],
+      readedLinks: JSON.parse(localStorage.getItem('slackReadedLinks')) || [],
     };
   },
   watch: {
@@ -37,6 +40,12 @@ export default {
         this.$set(this, 'postList', res.data.Data);
       });
     },
+    clickHandler(item) {
+      if (!this.readedLinks.includes(item.url)) {
+        this.readedLinks.push(item.url);
+      }
+      localStorage.setItem('slackReadedLinks', JSON.stringify(this.readedLinks));
+    },
   },
   created() {
     this.getPostList();