vue + el-collapse-transition 实现导航菜单 鼠标经过显示和隐藏

请看：

这是鼠标经过每一个navBar

鼠标经过显示下面的内容以及页面变成透明

主要用到的就是@mouseover @mouseout @mouseenter @mouseleave
通过这四个事件去判断

<template>
  <div class="top-nav-wrap">
    <div class="container">
      <div class="nav-contain" style="display: inline-block">
        <div
          class="header-list"
          v-for="(navitem, navindex) in navList"
          :key="navindex"
          @mouseover="mouseover(navindex)"
          @mouseout="mouseout(navindex)"
        >
          <div class="pad-list" @mouseenter="mouseenter(navindex)"