Optimized types and navbar.

src/components/TopNavBar.vue

@@ -242,6 +242,7 @@ onMounted(() => {
 
 .nav {
   background: rgba(0, 0, 0, 0.5) !important;
+  backdrop-filter: blur(50px) saturate(180%);
   box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);
 }
 

src/views/blog/Types.vue

@@ -5,6 +5,7 @@
       <el-row>
         <el-col :lg="{span:16,offset:4}">
           <el-radio-group v-model="selectType" size="large" v-if="screenWidth>=500">
+            <el-radio-button :label="0">全部</el-radio-button>
             <el-radio-button :label="1">学习笔记</el-radio-button>
             <el-radio-button :label="2">生活</el-radio-button>
             <el-radio-button :label="3">ACG</el-radio-button>
@@ -114,9 +115,9 @@ const getBlogList = () => {
 };
 
 const selectedBlogs = computed(() => {
-  let selectedBlogs = [];
+  let selectedBlogs:Array<any> = [];
   for (const i of blogList.value) {
-    if (i.blogType === selectType.value) {
+    if (i.blogType === selectType.value || selectType.value == 0) {
       selectedBlogs.push(i);
     }
   }