update Menu

update Menu
This commit is contained in:
梁灏 2016-12-08 14:13:17 +08:00
parent ab673ebc6b
commit 21cc957ac5
4 changed files with 42 additions and 4 deletions

View file

@ -1,6 +1,6 @@
<template>
<div>
<Menu mode="horizontal" active-key="1">
<Menu mode="horizontal" :theme="theme" active-key="1">
<Menu-item key="1">
<Icon type="ionic"></Icon><span>导航一</span>
</Menu-item>
@ -19,7 +19,13 @@
<Menu-item key="4">导航四</Menu-item>
</Menu>
<br><br>
<Menu :mode="mode" active-key="1" @on-open-change="change">
<Radio-group :model.sync="theme">
<Radio value="light"></Radio>
<Radio value="dark"></Radio>
<Radio value="primary"></Radio>
</Radio-group>
<br><br>
<Menu :mode="mode" :theme="theme" active-key="1" @on-open-change="change">
<Menu-item key="1">
<Icon type="ionic"></Icon>
<span>导航一</span>
@ -114,7 +120,8 @@
props: {},
data () {
return {
mode: 'vertical'
mode: 'vertical',
theme: 'dark'
}
},
computed: {},