feat: 适配PC端

idoknow · Apr 28, 2024 · fe70b97 · fe70b97
1 parent 968eaef
commit fe70b97
Show file tree

Hide file tree

Showing 6 changed files with 629 additions and 289 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -4,6 +4,11 @@
 <head>
   <meta charset="UTF-8" />
   <link rel="icon" href="/favicon.ico" />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Lilita+One&family=Noto+Serif+SC:wght@400;600&display=swap"
+    rel="stylesheet">
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>沙塘大道第一墙</title>
 </head>
@@ -13,4 +18,4 @@
   <script type="module" src="/src/main.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/frontend/src/components/BottomNavBar.vue b/frontend/src/components/BottomNavBar.vue
@@ -1,19 +1,20 @@
 <template>
     <v-bottom-navigation v-bind:value="value" v-on:input="$emit('input', $event)" grow>
     <v-btn @click="go('/')">
-        <v-icon>mdi-email-edit</v-icon>
+        <!-- <v-icon>mdi-email-edit</v-icon> -->
+        <span style="display: block">📝</span>
         投稿
     </v-btn>
 
     <v-btn @click="go('/world')">
-        <v-icon>mdi-earth</v-icon>
-
+        <!-- <v-icon>mdi-earth</v-icon> -->
+        <span style="display: block">🌍</span>
         稿件
     </v-btn>
 
     <v-btn @click="go('/service')">
-        <v-icon>mdi-apple-safari</v-icon>
-
+        <!-- <v-icon>mdi-apple-safari</v-icon> -->
+        <span style="display: block">🛠</span>
         服务
     </v-btn>
 </v-bottom-navigation>

diff --git a/frontend/src/components/PostCard.vue b/frontend/src/components/PostCard.vue
@@ -7,7 +7,7 @@
           <h3 style="margin-left: 8px">稿件 #{{ post.id }}</h3>
         </div>
         <!-- 取消投稿 -->
-        <v-btn v-if="typ === 'self' && post.status == '待审核'" text="撤回" @click="recall" variant="plain"></v-btn>
+        <v-btn v-if="typ === 'self' && post.status == '待审核'" text="取消" @click="recall" variant="plain"></v-btn>
       </div>
 
     </div>
@@ -102,13 +102,15 @@ export default {
       let colors = ["#FFC107", "#42A5F5", "#9CCC65", "#F06292", "#9E9E9E", "#8D6E63"]
       switch (this.post.status) {
         case '待审核':
-          return colors[1]
+          return colors[5]
         case '已通过':
           return colors[2]
         case '已拒绝':
           return colors[3]
         case '已取消':
           return colors[0]
+        case '已发布':
+          return colors[1]
         default:
           return colors[4]
       }