feat: 样式好像整的还行了

IdeaLeap · Feb 17, 2023 · 46bda3b · 46bda3b
1 parent b6b7092
commit 46bda3b
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 14 deletions.
diff --git a/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json b/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json
@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "2023-02-17T00:58:53.886Z"
+    "x-generation-date": "2023-02-17T13:26:07.163Z"
   },
   "x-strapi-config": {
     "path": "/documentation",

diff --git a/frontend/components/Navs/SearchBox.vue b/frontend/components/Navs/SearchBox.vue
@@ -23,8 +23,8 @@ export default {
 <template>
   <div class="bar7">
     <li class="nav-item search">
-      <form role="search" class="search-form isResourceVisible" @submit.prevent="search">
-        <input v-model="query" type="search" maxlength="32" placeholder="探索稀土掘金" class="search-input isResourceVisible">
+      <form role="search" class="search-form isResourceVisible">
+        <input type="search" maxlength="32" placeholder="探索稀土掘金" value="" class="search-input isResourceVisible">
         <button type="submit" class="search-submit isResourceVisible">
           <i class="iconfont icon-search" />
         </button>
@@ -35,17 +35,31 @@ export default {
           >
         </div>
         <div class="typehead" style="display: none;">
+          <!---->
+          <div class="title">
+            <span>搜索历史</span> <span class="clear">
+              清空
+            </span>
+          </div>
           <div class="list">
-            <el-checkbox-group v-model="checkList">
-              <el-checkbox
-                v-for="hit in searchResult.hits"
-                :key="hit.id"
-                :label="hit.id"
-                :disabled="hit.disabled"
-              >
-                {{ hit.title }}
-              </el-checkbox>
-            </el-checkbox-group>
+            <div>
+              调试safari
+            </div>
+            <div>
+              safari优化
+            </div>
+            <div>
+              camera
+            </div>
+            <div>
+              设备优化
+            </div>
+            <div>
+              高数
+            </div>
+            <div>
+              青训营笔记
+            </div>
           </div>
         </div>
       </form>
@@ -147,7 +161,35 @@ button, input, select, textarea {
 img {
     border-style: none;
 }
+/*active*/
+/* @media (max-width: 1149px){
+.search-add :focus{
+    margin-right: .292rem;
+}}
+.search-add :focus{
+    flex: 1 1 auto;
+    height: 5rem;
+    display: flex;
+    justify-content: flex-end;
+}
+@media screen and (max-width: 1069px){
+.search-add-ul[data-v-96dfbeac] {
+    width: 32.667rem;
+}}
+
+@media screen and (max-width: 1350px){
+.search-add-ul[data-v-96dfbeac] {
+    width: 27.083rem;
+}}
+.search-add-ul[data-v-96dfbeac] {
+    display: flex;
+    justify-content: flex-start;
+}
+ul :focus{
+    padding: 0;
+    margin: 0;
+} */
 .bar7 input:focus {
             width: 300px;
-      }
+        }
 </style>