logo

components/homeinput.vue

 <template>
   <div class="head-input flex-center">
     <div class=" content flex-between">
-       <div class="head-input-title">捷安采</div>
+       <div class=" images">
+         <img src="~/assets/css/logo.jpg">
+      </div>
+         <div class="head-input-title">捷安彩</div>
+      
        <div class="search flex-item">
-         <el-input
+         <!-- <el-input
            placeholder="请输入您要搜索的公告"
            v-model="input"
            clearable class="el-input" style="height:.42rem;">
+         </el-input> -->
+         <el-input
+            placeholder="请输入您要搜索的公告"
+            v-model="input"
+            clearable>
+            <i slot="prefix" class="el-input__icon el-icon-search t11" @click="toSearch"></i>
           </el-input>
-         <el-button type="primary" @click="toSearch">搜索</el-button>
+         <!-- <el-button type="primary" @click="toSearch">搜索</el-button> -->
         <!-- <div class="search-title flex-center t1">搜索</div> -->
        </div>
     </div>
@@ -34,6 +44,15 @@ import {getAllList} from '@/common/list.js'
 </script>
 
 <style>
+.images{
+  width:100px;
+  height:0px;
+  margin-left:30px;
+  margin-top:-20px
+}
+.images>img{
+    width:50%;
+}
   .head-input{
      height: 100px;
    }
@@ -48,8 +67,13 @@ import {getAllList} from '@/common/list.js'
      width: 2.62rem;
    }
    .head-input-title{
+     margin-top: 20px;
+     margin-left: -600px;
      font-size:.28rem;
      color:rgba(0,0,0,1);
      font-weight: bold;
    }
+   .t11{
+     cursor: pointer;
+   }
 </style>