admin_home/src/layout/components/template/componentMenu.vue

<template>
  <div class="componentMenuBox">
    <logo />
    <div v-if="type == 'sector'" class="sectorBox">
      板块
    </div>
    <div v-if="type == 'component'" class="componentBox">
      组件
    </div>
  </div>
</template>

<script>
import Logo from '../Sidebar/Logo'

export default {
  components: { Logo },
  name: 'componentMenu',
  props: {
    type: {
      type: String, //sector component
      required: true
    },
  },
  data() {
    return {
      data: null
    }
  },
  methods: {
    
  }
}
</script>

<style scoped lang="less">
  .componentMenuBox {
    transition: width 0.28s;
    width: 290px !important;
    background: #2F2F2F;
    height: 100%;
    position: fixed;
    font-size: 0px;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    overflow: hidden;
  }
</style>