|
@@ -0,0 +1,58 @@
|
|
|
+<template>
|
|
|
+ <div id="listMenu">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="menu">
|
|
|
+ <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
|
|
|
+ <el-menu-item index="1">
|
|
|
+ <i class="el-icon-menu"></i>
|
|
|
+ <span slot="title">就业动态</span>
|
|
|
+ </el-menu-item>
|
|
|
+ <el-menu-item index="2">
|
|
|
+ <i class="el-icon-menu"></i>
|
|
|
+ <span slot="title">通知公告</span>
|
|
|
+ </el-menu-item>
|
|
|
+ <el-menu-item index="3">
|
|
|
+ <i class="el-icon-menu"></i>
|
|
|
+ <span slot="title">下载专区</span>
|
|
|
+ </el-menu-item>
|
|
|
+ <el-menu-item index="4">
|
|
|
+ <i class="el-icon-menu"></i>
|
|
|
+ <span slot="title">户籍管理</span>
|
|
|
+ </el-menu-item>
|
|
|
+ <el-menu-item index="5">
|
|
|
+ <i class="el-icon-menu"></i>
|
|
|
+ <span slot="title">档案服务</span>
|
|
|
+ </el-menu-item>
|
|
|
+ </el-menu>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: 'listMenu',
|
|
|
+ props: {},
|
|
|
+ components: {},
|
|
|
+ data: () => ({
|
|
|
+ handleOpen(key, keyPath) {
|
|
|
+ console.log(key, keyPath);
|
|
|
+ },
|
|
|
+ handleClose(key, keyPath) {
|
|
|
+ console.log(key, keyPath);
|
|
|
+ },
|
|
|
+ }),
|
|
|
+ created() {},
|
|
|
+ computed: {},
|
|
|
+ methods: {},
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+/deep/.el-icon-document {
|
|
|
+ font-size: 20px;
|
|
|
+}
|
|
|
+/deep/.el-menu-item {
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+</style>
|