<template>
    <div class="header flex flex_sb">
        <span class="header-title" :style="cls">{{title}}</span>
        <slot name="tip"> </slot>
        <router-link v-if="url" :to="url" class="header-info flex flex_ac">
          {{value?value:'更多'}}
          <img src="../../../static/icons/arrow-right.png" class="arrow-right" alt="">
          <!--<i class="iconfont arrow-right"></i>-->
        </router-link>
    </div>
</template>

<script>
    export default {
        name: "session-header",
        props:['title','value','url','cls']
    }
</script>

<style scoped>
  @import "../../css/style.css";
  .header-title{
    font-size: .4rem;
    font-weight: bold;
  }
  .header-info{
    font-size: 13px;
    color: #999999;
  }
  .arrow-right{
    width: 14px;
    /*margin-top: 2px;*/
  }
  /*.arrow-right:before{*/
    /*font-size: 15px;*/
  /*}*/
</style>
