然后写一个class： .on{display: block}
将这个class给第一个选项卡。
用js或者jQuery写：当鼠标移动到选项卡上方时，给该选项卡添加class（.on）：addClass("on")，鼠标离开时移出class（.on）:removeClass("on
橘色部分使用绝对定位，比如侧边栏宽度为200px,橘色部分的绝对定位就写left:200pxright:0
收缩后减少left的值，比如left：20px
vue组件中添加Element-UI
进入项目，打开终端执行：
npm i element-ui -S
在main.js中引用
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
项目中的使用：
效果一，实现默认展开一级目录-行业聚焦：
template：
script和style：
效果二，实现默认展开天下大势，并选中国际新闻：
修改<el-menu :default-openeds="['4']" active-text-color="#00C0FF">为
<el-menu :default-active="defaultActive" active-text-color="#00C0FF">
defaultActive的赋值在onLoad()中
注意：如果点击一级目录需要响应事件，可以使用@click.native，添加后点击下级目录会响应本级及以上的所有点击事件
