From 7db27799c0f7bec50a1235fee0f7af384c820698 Mon Sep 17 00:00:00 2001
From: satori <huan0016@gmail.com>
Date: Tue, 8 Feb 2022 03:37:22 +0800
Subject: [PATCH] =?UTF-8?q?like=20=E4=B8=8E=20admin=20name?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/sass/main.sass     |  5 +++++
 components/Drawer.vue     | 18 ++++++++++++----
 components/PostList.vue   | 45 +++++++++++++++++++++++++++++++++++++--
 components/ThreadList.vue |  1 +
 layouts/default.vue       |  1 +
 pages/thread.vue          |  3 ++-
 pages/thread/_id.vue      |  5 ++++-
 pages/thread/create.vue   | 13 +++++------
 pages/thread/index.vue    |  3 +++
 9 files changed, 80 insertions(+), 14 deletions(-)
 create mode 100644 pages/thread/index.vue

diff --git a/assets/sass/main.sass b/assets/sass/main.sass
index 3c6e40c..6b06e2b 100644
--- a/assets/sass/main.sass
+++ b/assets/sass/main.sass
@@ -31,6 +31,11 @@
     max-width: 1200px
     margin-left: auto
     margin-right: auto
+  //@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and  (min--moz-device-pixel-ratio: 1.5)
+  //  background: #ff1414
+  //  padding: 2rem
+  //  margin: 4rem
+
 // 汇聚 converge
 
 // 控制台
diff --git a/components/Drawer.vue b/components/Drawer.vue
index 88dd812..4587e60 100644
--- a/components/Drawer.vue
+++ b/components/Drawer.vue
@@ -10,7 +10,8 @@
     :class="{ show: show, hidden: !show }",
     @click.stop
   )
-    slot
+    .containerbox
+      slot
 </template>
 
 <script>
@@ -69,19 +70,28 @@ export default {
   background: rgba(0, 0, 0, 0.8)
 .container
   color: #333333
-  background: #ffffff
   position: absolute
   left: 0
-  top: 3rem
+  top: 0 //3rem
   right: 0
   bottom: 0
-  border-radius: 2rem 2rem 0 0
   overflow: auto
   scrollbar-width: none
   -ms-overflow-style: none
   //padding: 2rem 4rem
   //max-width: 1280px
   //margin: 0 auto
+  @media (max-width: 1280px)
+    //background: #ff1414
+    width: 980px
+    //top: 0
+    //border-radius: 0 0 0 0
+  .containerbox
+    color: #333333
+    background: #ffffff
+    border-radius: 2rem 2rem 0 0
+    overflow: hidden
+    margin-top: 3rem
 
 .container::-webkit-scrollbar
   display: none // Chrome Safari
diff --git a/components/PostList.vue b/components/PostList.vue
index 051c629..34ff125 100644
--- a/components/PostList.vue
+++ b/components/PostList.vue
@@ -5,10 +5,14 @@
       NuxtLink(:to="`/user/${item.user._id}`")
         img.avatar(:src="item.user.avatar")
       .content
-        .title {{ item.user.name }}
+        .name(:class="{ adminname: item.user.gid === 1 }") {{ item.user.name }}
         .info
           span {{ rwdate(item.updatedAt) }}
           div(v-html="markdown(item.data)")
+      .options
+        i.fas.fa-eraser(v-if="account.gid === 1 || account.uid === item.uid")
+        i.fas.fa-marker(v-if="account.gid === 1 || account.uid === item.uid")
+        i.fas.fa-heart(:class="{ like: item.like }", @click="like(item._id)")
   .post-none(v-else) 没有评论~
 </template>
 
@@ -39,18 +43,42 @@
         overflow: hidden
       .content
         padding-left: 1rem
-        .title
+        .name
           font-size: 1.1rem
           font-weight: 600
+        .name.adminname
+          color: #ff5599
         .info
           span
             margin-right: .5rem
+      .options
+        margin-left: auto
+        i
+          cursor: pointer
+          padding: 0
+          margin: 0 .5rem
+          color: #888888
+          //display: none
+        i:hover
+          color: #cc1414
+        i.like
+          color: #cc1414
+          //display: inline
+    //li:hover
+    //  .options
+    //    i
+    //      display: inline
 </style>
 
 <script>
 import { marked } from "marked";
 export default {
   props: ["data"],
+  computed: {
+    account() {
+      return this.$store.state.account;
+    },
+  },
   methods: {
     rwdate(utc) {
       let t = new Date(utc);
@@ -59,6 +87,19 @@ export default {
     markdown(data) {
       return marked.parse(data);
     },
+    like(_id) {
+      let data = { attach: "post", aid: _id };
+      console.log(data);
+      this.$axios.post("/api/like", data).then((res) => {
+        if (res.status === 200) {
+          this.data.forEach((item) => {
+            if (item._id === _id) {
+              item.like = true;
+            }
+          });
+        }
+      });
+    },
   },
 };
 </script>
diff --git a/components/ThreadList.vue b/components/ThreadList.vue
index 522408b..a394c95 100644
--- a/components/ThreadList.vue
+++ b/components/ThreadList.vue
@@ -38,6 +38,7 @@
         background: rgba(0, 0, 0, .05)
         border-radius: 50%
         overflow: hidden
+        margin-right: .5rem
       .content
         flex: 1
         .title
diff --git a/layouts/default.vue b/layouts/default.vue
index 1016a4e..5a89ec2 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -53,6 +53,7 @@ export default {
       "padding:4px;border:1px solid #e9546b;"
     );
     this.$store.dispatch("account/profile");
+    console.log(window.devicePixelRatio);
   },
 };
 </script>
diff --git a/pages/thread.vue b/pages/thread.vue
index 62ef497..02e2bb0 100644
--- a/pages/thread.vue
+++ b/pages/thread.vue
@@ -1,3 +1,4 @@
 <template lang="pug">
-Nuxt
+.thread-wwwwwww
+  Nuxt
 </template>
diff --git a/pages/thread/_id.vue b/pages/thread/_id.vue
index 5bc9b58..98345f3 100644
--- a/pages/thread/_id.vue
+++ b/pages/thread/_id.vue
@@ -68,7 +68,10 @@ export default {
     createpost() {
       console.log(this.post);
       this.$axios.post("/api/post", this.post).then((res) => {
-        console.log(res.data);
+        if (res.status === 200) {
+          this.postlist.push(res.data);
+          this.post.data = "";
+        }
       });
     },
   },
diff --git a/pages/thread/create.vue b/pages/thread/create.vue
index 4b7bdd8..77e7d74 100644
--- a/pages/thread/create.vue
+++ b/pages/thread/create.vue
@@ -9,12 +9,10 @@
     .tags
       span.tag test
       span.tag demo
-  .content.main-width
-    p {{ thread.data }}
-    .content.main-width
-      input.title(v-model="thread.title")
-      textarea.data(v-model="thread.data", rows="32")
-      button.submit(@click="submit") 发表
+  .content.circumscription
+    input.title(v-model="thread.title")
+    textarea.data(v-model="thread.data", rows="32")
+    button.submit(@click="submit") 发表
 </template>
 
 <script>
@@ -31,6 +29,9 @@ export default {
         return console.log("尚无内容");
       }
       this.$axios.post("/api/thread", this.thread).then((res) => {
+        if (res.status === 200) {
+          return this.$router.push("/");
+        }
         console.log(res.data);
       });
     },
diff --git a/pages/thread/index.vue b/pages/thread/index.vue
new file mode 100644
index 0000000..af1f059
--- /dev/null
+++ b/pages/thread/index.vue
@@ -0,0 +1,3 @@
+<template lang="pug">
+.thread-index
+</template>
\ No newline at end of file