feat: 测试提交

IdeaLeap · Feb 17, 2023 · c63dee0 · c63dee0
1 parent 1869787
commit c63dee0
Show file tree

Hide file tree

Showing 2 changed files with 108 additions and 29 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-14T02:46:52.141Z"
+    "x-generation-date": "2023-02-17T00:58:53.886Z"
   },
   "x-strapi-config": {
     "path": "/documentation",

diff --git a/frontend/components/Navs/SearchBox.vue b/frontend/components/Navs/SearchBox.vue
@@ -35,21 +35,52 @@ export default {
 </template>
 
 <style>
-@media screen and (max-width: 1350px){
-.search-form {
-    width: 180px;
-}
+@media (max-width: 799px){
+.nav-item.search {
+    padding-left: 4.133rem;
+}}
+
+.nav-item.search {
+    cursor: auto;
+    padding-left: 0;
 }
-.search-form {
-    background-color: #fff;
+.nav-item {
+    color: #86909c;
+    padding: 0 1rem;
+    font-size: 1.167rem;
+    margin: 0;
+    height: 100%;
     display: flex;
+    justify-content: center;
     align-items: center;
-    justify-content: space-between;
-    border-radius: 4px;
+    cursor: pointer;
+}
+.nav-item {
     position: relative;
-    height: 2.834rem;
-    border: 1px solid #c2c8d1;
-    transition: width .2s;
+    cursor: pointer;
+}
+
+li {
+    list-style: none;
+}
+.search-form .search-icon {
+    display: inline-block;
+    width: 1.33rem;
+    padding: 0 .8333rem 0 0;
+    cursor: pointer;
+    margin: 7px 15px;
+}
+
+img {
+    border-style: none;
+}
+.search-form .seach-icon-container {
+    position: relative;
+    left: -2px;
+    width: 44px;
+    height: 30px;
+    background: var(--juejin-background);
+    border-radius: 2px;
 }
 .search-form .search-input {
     border: none;
@@ -62,29 +93,77 @@ export default {
     background-color: transparent;
     transition: width .3s;
 }
-.search-form .seach-icon-container {
-    position: relative;
-    left: -2px;
-    width: 44px;
-    height: 30px;
-    background: var(--juejin-background);
-    border-radius: 2px;
+
+a, button, input {
+    margin: initial;
 }
-.search-form .search-icon {
-    display: inline-block;
-    padding: 0 .8333rem 0 0;
-    cursor: pointer;
-    margin: 7px 15px;
+button, input {
+    overflow: visible;
 }
-img {
-    border-style: none;
+button, input, select, textarea {
+    font: inherit;
+    margin: 0;
+}
+a, button, input {
+    margin: initial;
 }
-form {
-    display: block;
-    margin-top: 0em;
+button, input {
+    overflow: visible;
 }
+button, input, select, textarea {
+    font: inherit;
+    margin: 0;
+}
+@media (max-width: 799px){
+.search-form {
+    transition: width .2s ease-in;
+}}
+
+@media screen and (max-width: 799px){
+.search-form {
+    width: 220px;
+}}
+@media screen and (max-width: 1069px){
+.search-form {
+    width: 240px;
+}}
+@media screen and (max-width: 1350px){
+.search-form {
+    width: 180px;
+}}
+.search-form{
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-radius: 4px;
+    position: relative;
+    height: 2.834rem;
+    border: 1px solid #c2c8d1;
+    transition: width .2s;
+}
+@media (max-width: 799px){
+.nav-item.search {
+    padding-left: 4.133rem;
+}}
+
 .nav-item.search {
     cursor: auto;
     padding-left: 0;
 }
+.nav-item {
+    color: #86909c;
+    padding: 0 1rem;
+    font-size: 1.167rem;
+    margin: 0;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+}
+.nav-item {
+    position: relative;
+    cursor: pointer;
+}
 </style>