|
@@ -12,22 +12,17 @@
|
|
|
<el-menu-item v-else :index="item.path" :key="index">{{ item.name }}</el-menu-item>
|
|
|
</template>
|
|
|
</el-menu> -->
|
|
|
- <el-menu
|
|
|
- :default-active="activeIndex2"
|
|
|
- class="el-menu-demo"
|
|
|
- mode="horizontal"
|
|
|
- @select="handleSelect"
|
|
|
- background-color="#850000"
|
|
|
- text-color="#fff"
|
|
|
- active-text-color="#fff"
|
|
|
- style="height:40px;"
|
|
|
- >
|
|
|
+ <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
|
|
|
+ background-color="#850000" text-color="#fff" active-text-color="#fff" style="height:40px;">
|
|
|
<el-menu-item index="1">首页</el-menu-item>
|
|
|
<el-submenu index="2">
|
|
|
- <template slot="title">招聘管理</template>
|
|
|
- <el-menu-item index="2-1">宣讲会</el-menu-item>
|
|
|
- <el-menu-item index="2-2">招聘会</el-menu-item>
|
|
|
- <el-menu-item index="2-3">职位管理</el-menu-item>
|
|
|
+ <template slot="title">新闻资讯</template>
|
|
|
+ <el-menu-item index="2-1">科技要闻</el-menu-item>
|
|
|
+ <el-menu-item index="2-2">学术资讯</el-menu-item>
|
|
|
+ <el-menu-item index="2-3">工作动态</el-menu-item>
|
|
|
+ </el-submenu>
|
|
|
+ <el-submenu index="3">
|
|
|
+ <template slot="title">起算服务</template>
|
|
|
</el-submenu>
|
|
|
</el-menu>
|
|
|
</el-row>
|
|
@@ -42,26 +37,29 @@ export default {
|
|
|
},
|
|
|
components: {},
|
|
|
data: () => ({
|
|
|
- activeIndex2:'1'
|
|
|
+ activeIndex2: '1'
|
|
|
}),
|
|
|
- created() {},
|
|
|
+ created() { },
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
handleSelect(key, keyPath) {
|
|
|
- // eslint-disable-next-line no-console
|
|
|
- console.log(key, keyPath);
|
|
|
- }
|
|
|
+ // eslint-disable-next-line no-console
|
|
|
+ console.log(key, keyPath);
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.el-menu--horizontal>.el-menu-item{
|
|
|
+.el-menu-demo {
|
|
|
+ padding-left: 100px;
|
|
|
+}
|
|
|
+.el-menu--horizontal > .el-menu-item {
|
|
|
height: 40px;
|
|
|
- line-height:40px;
|
|
|
+ line-height: 40px;
|
|
|
}
|
|
|
-/deep/.el-menu--horizontal>.el-submenu .el-submenu__title{
|
|
|
+/deep/.el-menu--horizontal > .el-submenu .el-submenu__title {
|
|
|
height: 40px;
|
|
|
- line-height:40px;
|
|
|
+ line-height: 40px;
|
|
|
}
|
|
|
</style>
|