<template>
  <div class="d-flex pt-2 pl-2 jc-between" :style="{position:position}" style="left: 0;right: 0;">
    <div>
      <span style="color:#5cd9e8">
        <icon name="align-left"></icon>
      </span>
      <span class="fs-xl text mx-2">{{title}}</span>
    </div>
    <div v-if="visitMoreBtn" class="fs-xl text mx-2" style="cursor: pointer;" @click="clickMore">更多</div>
  </div>
</template>

<script>
  export default{
    props:{
      title:{
        type:String,
        default:'标题'
      },
      position:{
        type:String,
        default:'relative'
      },
      visitMoreBtn:{
        type:Boolean,
        default:false
      }
    },
    methods:{
      clickMore(){
        this.$emit("onMore")
      }
    }
  }
</script>

<style>

</style>
