营地2.0-修改

src/views/base/home/Home.vue

@@ -235,21 +235,47 @@
       cursor: pointer;
 
       .search_back {
+        position: relative;
         color: #cccccc;
         background-color: #fff;
-        padding: 15px 15px 6px 15px;
+        padding: 0 30px 0px 56px;
         width: 60%;
-
+        height: 60px;
+
+        &:after {
+          content: '';
+          position: absolute;
+          right: -52px;
+          top: 0;
+          /*width: 0;*/
+          /*height: 0;*/
+          /*border-color: transparent #ffffff; !*上下颜色 左右颜色*!*/
+          /*border-width: 60px 0 0 50px;*/
+          /*border-style: solid;*/
+          width: 4px;
+          height: 0;
+          border-width: 0px 50px 60px 0px;
+          border-style: none solid solid;
+          border-color: transparent transparent #ffffff;
+        }
         .search_input {
+          font-size: 20px;
+          color: #AFAFAF;
           background-color: #fff;
-          padding: 10px;
+          height: 54px;
+          padding: 0 10px;
           display: flex;
           justify-content: space-between;
-          border-bottom: 2px solid var(--all_color);
+          align-items: center;
+          border-top: 3px solid transparent;
+          border-bottom: 3px solid var(--all_color);
+          font-family: "PingFang SC";
         }
 
         i {
-          font-size: 20px;
+          font-size: 26px;
+          font-weight: bold;
+          color: #AFAFB0;
         }
       }
     }