<template>
    <div class="go-back">
          <span class="iconfont" @click="goBackAction">&#xe720; 返回</span>
          <h1>{{title}}</h1>
          <span></span>
        </div>
</template>


<script>
export default {
    name:'GoBack',
    props:['title'],
    methods: {
      goBackAction: function() {
        this.$router.back(-1)
      }
    }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.go-back {
  @include box-sizing;
  @include display-flex;
  @include text-align;
  @include justify-content-between;
  background: $main-color;
  color: #fff;
  padding: 0.1rem 0.4rem 0.15rem 0.4rem;
  font-size: 0.32rem;
  span{
    width:1.2rem;
    text-align:left;
    height: 0.7rem;
    line-height: 0.7rem;
  }
  h1 {
    font-size: 0.32rem;
    @include flex;
    height: 0.7rem;
    line-height: 0.7rem;
  }
}
</style>
