<template>
  <div class="pp_top text-left " @click="goback()" v-if="showback">
    <span class="glyphicon glyphicon-chevron-left muted" style="font-size: 1.5em">返回</span>
  </div>
</template>
<script>
  export default {
    title: 'TOP',
    data () {
      return {
        toptitle: this.toptext
      }
    },
    props: {
      toptext: {
        type: String,
        default: '用户操作'
      },
      showback: {
        type: Boolean,
        default: true
      },
      val:{
        type: String,
        default: 'returnPage'
      },
    },
    methods: {
      goback () {
        console.log('33333')
        this.$dispatch('returnPage')
      }
    }
  }
</script>
<style>
  .important-height{
  }
  .pp_top {
    background: #4094e3;
    color: white;
    top:0px;

    padding-bottom: 0.5em;
    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
  }
  .back {
    position: relative;
    top: 10px;
    color: white;
    font-size: 20px;
  }
</style>
