feat: 支持自定义搜索引擎与壁纸

100759 · Aug 11, 2023 · 2806b05 · 2806b05
1 parent 9aaa9bf
commit 2806b05
Show file tree

Hide file tree

Showing 11 changed files with 405 additions and 224 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "snavigation",
   "private": true,
-  "version": "2.0.0 beta 4",
+  "version": "2.0.0 beta 5",
   "type": "module",
   "scripts": {
     "dev": "vite --host",

diff --git a/public/lib/iconfont.js b/public/lib/iconfont.js
diff --git a/src/components/AllFunc/AllBox.vue b/src/components/AllFunc/AllBox.vue
@@ -4,7 +4,7 @@
       <n-h6 prefix="bar"> 常用 </n-h6>
     </n-tab-pane>
     <n-tab-pane name="note" tab="便签"> 即将完善 </n-tab-pane>
-    <n-tab-pane name="more" tab="更多"> 还能有啥呢 😢 </n-tab-pane>
+    <n-tab-pane name="more" tab="待办"> 还能有啥呢 😢 </n-tab-pane>
   </n-tabs>
 </template>
 

diff --git a/src/components/AllFunc/AllFunc.vue b/src/components/AllFunc/AllFunc.vue
@@ -28,50 +28,60 @@ const status = statusStore();
   border-radius: 8px;
   transition: opacity 0.3s, transform 0.3s, margin-top 0.3s, height 0.3s;
   z-index: 2;
-
-  :deep(.scrollbar) {
-    max-height: calc(460px - 84px);
-  }
-  :deep(.set-item) {
-    width: 100%;
-    border-radius: 8px;
-    margin-bottom: 12px;
-    border: none;
-    box-shadow: var(--main-box-shadow);
-    --n-color: var(--main-background-light-color);
-    .n-card__content {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: space-between;
-      .desc {
+  .all {
+    overflow: hidden;
+    height: 100%;
+    :deep(.scrollbar) {
+      max-height: calc(460px - 84px);
+    }
+    :deep(.set-item) {
+      width: 100%;
+      border-radius: 8px;
+      margin-bottom: 12px;
+      border: none;
+      box-shadow: var(--main-box-shadow);
+      --n-color: var(--main-background-light-color);
+      .n-card__content {
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
-        width: 100%;
-      }
-      .name {
-        display: flex;
-        flex-direction: column;
-        .title {
-          font-size: 16px;
+        .desc {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          justify-content: space-between;
+          width: 100%;
+          @media (max-width: 720px) {
+            flex-direction: column;
+            align-items: flex-start;
+            .name {
+              margin-bottom: 8px;
+            }
+          }
         }
-        .tip {
-          font-size: 13px;
-          opacity: 0.8;
+        .name {
+          display: flex;
+          flex-direction: column;
+          .title {
+            font-size: 16px;
+          }
+          .tip {
+            font-size: 13px;
+            opacity: 0.8;
+          }
         }
-      }
-      .set {
-        width: 200px;
-        @media (max-width: 768px) {
-          width: 140px;
-          min-width: 140px;
+        .set {
+          width: 200px;
+          @media (max-width: 768px) {
+            width: 140px;
+            min-width: 140px;
+          }
         }
       }
-    }
-    &:last-child {
-      margin-bottom: 0;
+      &:last-child {
+        margin-bottom: 0;
+      }
     }
   }
   &.big {