\
<template>
  <div class="full-width flex flex-center flex-justify-between mb-20">
    <div class="flex flex-center">
      <el-button
        type="primary"
        plain
        icon="Back"
        circle
        @click="$router.back()"
        v-if="nav.menus[nav.menus.length - 1].meta.back !== undefined"
      ></el-button>
      <span class="ml-10 tools font-24">{{
        nav.menus[nav.menus.length - 1].name
      }}</span>
    </div>
    <slot />
  </div>
</template>

<script>
import navStore from '@/store/nav.js'
import { useStore } from '@/store/user.js'

export default {
  setup() {
    const nav = navStore()
    const user = useStore()
    return { nav, user }
  },
  props: {
    showTips: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<style lang="scss" scoped>
.tips {
  border-radius: 8px;
  background-color: white;
  padding: 10px 20px;
  margin-top: 20px;
}
.tools {
  flex: 1;
}
</style>
