<template>
  <div class="head-input flex-center">
    <div class=" content flex-between">
       <div class=" images">
         <img src="~/assets/css/logo.jpg" >
      </div>
         <div class="head-input-title">捷安彩</div>
      
       <div class="search flex-item">
         <!-- <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> -->
        <!-- <div class="search-title flex-center t1">搜索</div> -->
       </div>
    </div>
  </div>

</template>

<script>
import {getAllList} from '@/common/list.js'
import inDex from '@/pages/index.vue'
  export default {
    methods:{
       toSearch(){
         this.$router.push('notice/all')
         window.sessionStorage.setItem("content",this.input)
         window.sessionStorage.setItem("text",this.active)
         /* inDex.$emit("send",this.active) */
      }
    },
    /* mounted(){
      let tokenStr = window.sessionStorage.getItem("token")
      if(tokenStr){
        this.showdefault = false
      } 
    }, */
    data() {
      return {
        showdefault:false,
        input:"",
        active:4
      }
    },
  }
</script>

<style>
.images{
  width:100px;
  height:0px;
  margin-left:30px;
  margin-top:-20px
}
.images>img{
    width:50%;
}
  .head-input{
     height: 100px;
   }
  .search>.search-title{
     width:.74rem;
     height:.42rem;
     background:rgba(4,134,254,1);
     border-radius:0px 4px 4px 0px;
     color:rgba(255,255,255,1);
   }
   .search>.el-input{
     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>
