高级搜索设置 输入框placeholder

src/views/myInvoice/components/HighSearch.vue

@@ -344,6 +344,10 @@ export default {
           overflow-y: auto;
           padding: 5PX;
         }
+        .inputInfo:empty::before {
+           content: attr(placeholder);
+           color: #999999;
+        }
         .input {
           color: #666666;
           width: 100%;

src/views/myOrder/components/HighSearch.vue

@@ -11,24 +11,24 @@
           <div class="high-info" @click="showPost('consignor')">
             <div class="title font-bold font-16">货主</div>
             <!-- <textarea :value="consignor" class="inputInfo" type="text"></textarea> -->
-            <div contenteditable="false" class="inputInfo">{{consignor}}</div>
+            <div contenteditable="false" placeholder="请选择货主" class="inputInfo">{{consignor}}</div>
           </div>
           <div class="high-info">
             <div class="title font-bold font-16">请输入订单号</div>
             <!-- <div contenteditable="true" class="inputInfo">{{orderNo}}</div> -->
-            <input v-model="moreSearchInfo.orderNo" class="input" type="text">
+            <input v-model="moreSearchInfo.orderNo" placeholder="请输入订单号" class="input" type="text">
           </div>
           <div class="high-info" @click="showPost('supplier')">
             <div class="title font-bold font-16">供应商</div>
-            <div contenteditable="false" class="inputInfo">{{supplier}}</div>
+            <div contenteditable="false" placeholder="请选择供应商" class="inputInfo">{{supplier}}</div>
           </div>
           <div class="high-info" @click="showPost('goods')">
             <div class="title font-bold font-16">商品</div>
-            <div contenteditable="false" class="inputInfo">{{goods}}</div>
+            <div contenteditable="false" placeholder="请选择商品" class="inputInfo">{{goods}}</div>
           </div>
           <div class="high-info" @click="showPost('client')">
             <div class="title font-bold font-16">客户</div>
-            <div contenteditable="false" class="inputInfo">{{client}}</div>
+            <div contenteditable="false" placeholder="请选择客户" class="inputInfo">{{client}}</div>
           </div>
         </div>
         <!-- <van-cell-group class="high-info">
@@ -329,6 +329,11 @@ export default {
           border:0.5px solid #eeeeee;
           background-color: #EFF5F9;
         }
+        .inputInfo:empty::before {
+           content: attr(placeholder);
+           color: #999999;
+           font-size: 15PX;
+        }
         .input {
           color: #666666;
           width: 100%;
@@ -347,6 +352,10 @@ export default {
           overflow-y: auto;
           padding: 5PX;
         }
+        input::-webkit-input-placeholder{
+          color: #999999;
+          font-size: 15PX;
+        }
       }
     }