Browse Source

feat:修改搜索框样式

wangsisi 4 months ago
parent
commit
f57693e6d6
1 changed files with 17 additions and 15 deletions
  1. 17 15
      src/views/authentic/index.vue

+ 17 - 15
src/views/authentic/index.vue

@@ -7,8 +7,7 @@
         <img class="icon" src="@/assets/images/common/back-icon.png" alt="" />
         <span>返回</span>
       </div> -->
-      <div class="search">
-        <el-select
+      <el-select
           v-model="locationVal"
           filterable
           remote
@@ -34,7 +33,8 @@
               >{{ item.province }}{{ item.city }}{{ item.district }}</span
             >
           </el-option>
-        </el-select>
+    </el-select>
+      <div class="search">
         <div class="add btn" @click="handleAdd">
           <el-icon><Plus /></el-icon>
           <span>创建</span>
@@ -628,8 +628,8 @@ watch(
 
   .top {
     display: flex;
-    // justify-content: space-between;
-    justify-content: flex-end;
+    justify-content: space-between;
+    // justify-content: flex-end;
     width: 100%;
     height: 40px;
     background: #101010;
@@ -640,15 +640,7 @@ watch(
     .back {
       border: 1px solid rgba(255, 255, 255, 0.4);
     }
-    .search {
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
-      width: 60%;
-      .input-with-select {
-        margin-left: 25px;
-      }
-      .v-select {
+    .v-select {
         width: 300px;
         ::v-deep {
           .el-select__wrapper {
@@ -661,6 +653,15 @@ watch(
           }
         }
       }
+    .search {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      width: 60%;
+      .input-with-select {
+        margin-left: 25px;
+      }
+      
       .upload {
         background: #2199f8;
         margin-left: 25px;
@@ -683,7 +684,8 @@ watch(
       height: 40px;
       margin: 5px 0;
       display: flex;
-      justify-content: flex-end;
+    //   justify-content: flex-end;
+    justify-content: space-between;
       ::v-deep{
         .el-form-item__label{
             color: #fff;