修改element的菜单组件使其变为酷炫风格

element的menu组件比较朴素，没有扩充加背景图，但是我们可以根据自己的需求来改变，为了让子组件递归生成，所以我们单独写了个top-bar组件，并且修改样式时需要增加一个div，每个组件中都是有个div包裹的。首先选给整个头部加背景图，其次munu中配置的background是对所有菜单都生效的，但我们不想改变父菜单，我们就把父菜单修改为transparent，最后为了让父菜单hover时产生平行四边形，利用伪元素配合 transform: skewX(-45deg)，并且因为父元素是透明的，所以加z-index:1让图形显示出来。

<el-menu
  :default-active="activeIndex"
  mode="horizontal"
  @select="handleSelect"
  class="leftMenu"
  background-color="#052d8d"
  text-color="#acf4ff"
  active-text-color