| | |
| | | <div class="menu" :class="{collapse: menuData.collapse}"> |
| | | <div class="logo"> |
| | | <div><img src="@/assets/logo.png"></div> |
| | | <h1 :class="{hidden: menuData.collapse}">豆米跳跳</h1> |
| | | <h1 :class="{hidden: menuData.collapse}">{{title}}</h1> |
| | | </div> |
| | | <scrollbar> |
| | | <!-- :default-openeds="defaultOpeneds"--> |
| | | <el-menu |
| | | ref="menu" |
| | | :unique-opened="true" |
| | | :default-active="activeIndex" |
| | | text-color="#fff" |
| | | active-text-color="#fff" |
| | | :collapse="menuData.collapse" |
| | | :default-openeds="defaultOpeneds" |
| | | :collapse-transition="false" |
| | | @select="handleSelect" |
| | | > |
| | |
| | | import Scrollbar from './Scrollbar' |
| | | export default { |
| | | name: 'Menu', |
| | | data() { |
| | | return { |
| | | title: process.env.VUE_APP_TITLE |
| | | } |
| | | }, |
| | | components: { Scrollbar, MenuItems }, |
| | | computed: { |
| | | ...mapState(['menuData']), |