<template>
  <div class="header">
    <div class="back-wrapper" @touchend="onBack">
      <div class="back"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HeaderUfo',
  methods: {
    onBack() {
      this.$yoho.finishPage({});
    }
  }
};
</script>

<style lang="scss" scoped>
.header {
  width: 100%;
  height: 45PX;
  padding-left: 20PX;
  padding-right: 20PX;
  background-color: #fff;

  .back-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    width: 60PX;
  }

  .back {
    width: 24PX;
    height: 24PX;
    background: url(~statics/image/order/back@3x.png) no-repeat;
    background-size: cover;
  }
}
</style>