<template>
    <div class="common_header_pc_1"><!--使用此组件，请复制此div-->
        <div class="header-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 hidden-xs">
                        <div class="header-top-left">
                            <span class="sp1">2020年7月2日 16:30:20</span>
                            <span class="sp2">总访问人数<i>26,265,890</i></span>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="header-top-right">
                            <ul>
                                <li><a href="">微信公众号</a></li>丨
                                <li class="share"><a href="">分享</a></li>丨
                                <li><a href="">登录</a>/<a href="">注册</a></li>
                                <!-- <li class="afterlogin">
                                   <span class="sp1"><img src="images/header.jpg" alt=""></span>
                                   <span class="sp2"><a href="">王晓盼</a></span>
                                   <span class="sp3"><a href="">退出登录</a></span>
                                </li> -->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-main">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                        <div class="header-main-logo">
                            <a href=""><img src="images/header-logo.png" alt=""></a>
                            <span class="sp1">主办：安徽省应急管理宣传教育中心</span>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
                        <div class="header-main-search">
                            <span class="sp1">热线电话：0551-62999504</span>
                            <span class="sp2">
                       <input type="text" placeholder="输入关键字进行查找" class="inpkuang">
                       <input type="button" value="搜索" class="subbtn">
                    </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-menu">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="sp_nav hidden-lg hidden-sm hidden-md"><span></span><span></span><span></span></div>
                            <div class="header-menu-body sjj_nav">
                                <ul>
                                    <li class="active"><a href="">首页</a></li>
                                    <li><a href="">培训计划</a></li>
                                    <li><a href="">课程超市</a></li>
                                    <li><a href="">新闻资讯</a></li>
                                    <li><a href="">通知公告</a></li>
                                    <li><a href="">政策法规</a></li>
                                    <li><a href="">学时查验</a></li>
                                    <li><a href="">机构入驻</a></li>
                                    <li><a href="">关于我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
  export default {
    name: 'ElTest',
    props: {
      text: String,
      closable: Boolean,
      type: String,
      hit: Boolean,
      disableTransitions: Boolean,
      color: String,
      size: String,
      effect: {
        type: String,
        default: 'light',
        validator(val) {
          return ['dark', 'light', 'plain'].indexOf(val) !== -1;
        }
      }
    },
    methods: {
      handleClose(event) {
        event.stopPropagation();
        this.$emit('close', event);
      },
      handleClick(event) {
        this.$emit('click', event);
      }
    },
    computed: {
      tagSize() {
        return this.size || (this.$ELEMENT || {}).size;
      }
    },
    render(h) {
      const { type, tagSize, hit, effect } = this;
      const classes = [
        'el-tag',
        type ? `el-tag--${type}` : '',
        tagSize ? `el-tag--${tagSize}` : '',
        effect ? `el-tag--${effect}` : '',
        hit && 'is-hit'
      ];
      const tagEl = (
        <span
          class={ classes }
          style={{ backgroundColor: this.color }}
          on-click={ this.handleClick }>
          { this.$slots.default }
          {
            this.closable && <i class="el-tag__close el-icon-close" on-click={ this.handleClose }></i>
          }
        </span>
      );
      return this.disableTransitions ? tagEl : <transition name="el-zoom-in-center">{ tagEl }</transition>;
    }
  };
</script>
