45 lines
1.3 KiB
Vue
45 lines
1.3 KiB
Vue
<template>
|
|
<Menu mode="horizontal" :theme="theme1" active-name="3-4" @on-select="hs">
|
|
<MenuItem name="1" to="/button" target="_blank">
|
|
<Icon type="ios-paper" />
|
|
内容管理
|
|
</MenuItem>
|
|
<MenuItem name="2">
|
|
<Icon type="ios-people" />
|
|
用户管理
|
|
</MenuItem>
|
|
<Submenu name="3">
|
|
<template slot="title">
|
|
<Icon type="ios-stats" />
|
|
统计分析
|
|
</template>
|
|
<MenuGroup title="使用">
|
|
<MenuItem name="3-1">新增和启动</MenuItem>
|
|
<MenuItem name="3-2">活跃分析</MenuItem>
|
|
<MenuItem name="3-3">时段分析</MenuItem>
|
|
</MenuGroup>
|
|
<MenuGroup title="留存">
|
|
<MenuItem name="3-4">用户留存</MenuItem>
|
|
<MenuItem name="3-5">流失用户</MenuItem>
|
|
</MenuGroup>
|
|
</Submenu>
|
|
<MenuItem name="4">
|
|
<Icon type="ios-construct" />
|
|
综合设置
|
|
</MenuItem>
|
|
</Menu>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
theme1: 'light'
|
|
}
|
|
},
|
|
methods: {
|
|
hs (n) {
|
|
console.log(n);
|
|
}
|
|
}
|
|
}
|
|
</script>
|