u

code/link56/link56-frontend-new/src/components/QueryCompany.vue

@@ -51,17 +51,27 @@ function onSearch() {
   border-radius: 4px;
   border: 0;
   color: #000;
-  // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow:
-  background-color: #f4f4f4;
+    0 1px 2px rgba(0, 0, 0, 0.06),
+    0 4px 12px rgba(0, 0, 0, 0.08);
   .query-item {
     flex: 1;
-
+    border-right: 1px solid #ddd;
     :deep(.el-select__wrapper) {
       height: 60px;
       border-radius: 0px;
       box-shadow: none;
       padding-top: 0px;
       padding-bottom: 0px;
+      // background-color: #f2f3f5;
+      .el-select__selection {
+        padding: 0px 12px;
+      }
+      .el-tag {
+        color: #000;
+        height: 36px;
+        font-size: 16px;
+      }
     }
     :deep(.el-select__placeholder) {
       font-size: 18px;
@@ -73,18 +83,29 @@ function onSearch() {
       border-radius: 0px;
       box-shadow: none;
       padding: 0px;
+      transform:none;
+      // background-color: #f2f3f5;
     }
     :deep(.el-input__inner) {
       height: 60px !important;
       font-size: 18px;
+      // background-color: #f2f3f5;
+      color: #000;
+      padding: 0px 16px;
     }
 
     :deep(.el-cascader__tags) {
-      padding: 0;
+      padding: 0px 12px;
+      .el-tag {
+        // background-color: #fff;
+        color: #000;
+        height: 36px;
+        font-size: 16px;
+      }
     }
     :deep(.el-cascader__search-input) {
       margin-left: 0px;
-      font-size: 18px;
+      font-size: 24px;
     }
     :deep(.el-input__suffix) {
       padding-right: 12px;
@@ -102,7 +123,7 @@ function onSearch() {
     align-items: center;
     justify-content: center;
     font-size: 24px;
-    background-color: #333;
+    background-color: #1d79ff;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     color: #fff;

code/link56/link56-frontend-new/src/layout/components/header.vue

@@ -105,7 +105,6 @@ function isActive(path: string) {
   background-color: #fff;
 
   .container {
-    width: 100%;
     padding: 0rem 3rem;
     display: flex;
     justify-content: space-between;

code/link56/link56-frontend-new/src/layout/index.vue

@@ -5,9 +5,7 @@ import Header from './components/header.vue'
 <template>
   <div class="layout">
     <Header />
-    <div class="content">
+    <RouterView />
-      <RouterView />
-    </div>
     <!-- <footer class="footer">
       TODO
     </footer> -->
@@ -16,7 +14,6 @@ import Header from './components/header.vue'
 
 <style lang="scss" scoped>
 .layout {
-  position: relative;
 }
 
 .content {

code/link56/link56-frontend-new/src/styles/css/global.css

@@ -4,7 +4,7 @@
 
 html,
 body {
-  background-color: #f7f7f7;
+  background-color: #f4f6f9;
 }
 
 * {

code/link56/link56-frontend-new/src/views/post/home/index.vue

@@ -155,6 +155,7 @@ function handleChangeSelectedTag(tag: PostTag) {
   .post-main {
     flex: 1;
     height: 100%;
+    flex-shrink: 0;
     .post-main-header {
       position: sticky;
       top: calc(var(--header-height));