Browse Source

style: 调整input输入框placeholder内容

Jack Zhou 4 months ago
parent
commit
21b0261cee
1 changed files with 8 additions and 2 deletions
  1. 8 2
      src/views/DestinationDelivery/src/DestinationDelivery.vue

+ 8 - 2
src/views/DestinationDelivery/src/DestinationDelivery.vue

@@ -133,7 +133,7 @@ const tableRef = ref()
         </div>
         <div class="input-tips_filter filter-item">
           <el-input
-            placeholder="Search Question ID、User"
+            placeholder="Search Question Booking No、HBOL No、MBL No、Container No、Consignee"
             v-model="OperationSearch"
             class="log_input"
           >
@@ -271,9 +271,15 @@ const tableRef = ref()
   max-width: 220px;
 }
 .input-tips_filter {
-  max-width: 320px;
+  max-width: 540px;
   :deep(.el-input__wrapper) {
     height: 32px;
+    input {
+      width: 100%;
+      white-space: nowrap; /* 防止换行 */
+      overflow: hidden; /* 超出部分隐藏 */
+      text-overflow: ellipsis; /* 超出部分显示为省略号 */
+    }
   }
 }
 .date-tips_filter {