<template>
  <div class="tabs-body">
		<el-input v-model="input" placeholder="请输入内容">
    </el-input>
    <i class="el-icon-search" style="position:relative;top: -30px;right: -380px;"></i>  
    <div class="huashu-type">
      <el-button v-for="item in buttons">{{item}}</el-button>
    </div>
    <div> 
        <el-card class="box-card">
          央视网消息：眼下，东北正在大面积地春播。记者从农业农村部了解到，今年我国东北四省区及黄淮海地区，大豆种植面积大幅增加。
        </el-card>
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>卡片名称</span>
          </div>
          <div>
            央视网消息：眼下，东北正在大面积地春播。记者从农业农村部了解到，今年我国东北四省区及黄淮海地区，大豆种植面积大幅增加。
          </div>
        </el-card>
    </div>
  </div>  
</template>

<script>
export default{
    data(){
      return {
        activeName:'second',
        input:'gregreg',
        buttons:[
          '全部',
          '回访调查'
        ]
      }    
    },
    components: {
    },
    methods: {
      handleClick(){
        console.log(43434)
      }
    }
}
</script>

<style lang="stylus" scoped>
.clearfix{
  span{
    font-weight: 800;
  }
}
.box-card{
  margin-top:20px;
}
.tabs-body
  height:800px;
  width:100%;
  .tool-body
    width:100%;
    height:729px;
</style>