hkyy/admin-frame/naf/frame/header/litebar.vue.bak

<template>
  <div class="banner">
    <i class="naf-icons icon_btn" :class="{ 'naf-icon-unfold': menuCollapse, 'naf-icon-fold': !menuCollapse }" @click="toggleMenu"></i>
    <naf-user />
  </div>
</template>
<script>
import NafUser from './user';

export default {
  components: {
    NafUser,
  },
  props: {
    menuCollapse: Boolean,
  },
  methods: {
    toggleMenu() {
      this.$emit('toggle-menu');
    },
  },
};
</script>
<style lang="less" scoped>
.banner {
  // flex: 1;
  // display: block;
  // flex-direction: row;
  // align-items: center;
  width: 58%;
  clear: both;
  padding: 0 20px;
}
.icon_btn {
  display: block;
  line-height: 7rem;
  float: left;
}
</style>