Hooke / muse-ui-test

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
702ecb07 1 parent a952f79d

fix

Inline Side-by-side
Showing 1 changed file with 11 additions and 2 deletions
1 <template> 1 <template>
2 <div id="app"> 2 <div id="app">
3 <mu-drawer :open.sync="side_show" :docked="docked" :right="position === 'right'" :z-depth="1"> 3 <mu-drawer :open.sync="side_show" :docked="docked" :right="position === 'right'" :z-depth="1">
4 - <mu-list> 4 + <mu-list :value="default_list_index" @change="listChange">
5 - <mu-list-item v-for="(v, k) in side_menu" :key="k" :to="v.url" @click="goTo()" button> 5 + <mu-list-item :value="k" v-for="(v, k) in side_menu" :key="k" :to="v.url" @click="goTo()" button active-class="is-selected">
6 <mu-list-item-title>{{ v.title }}</mu-list-item-title> 6 <mu-list-item-title>{{ v.title }}</mu-list-item-title>
7 </mu-list-item> 7 </mu-list-item>
8 <!-- <mu-list-item @click="close" button> 8 <!-- <mu-list-item @click="close" button>
...@@ -59,6 +59,7 @@ export default { ...@@ -59,6 +59,7 @@ export default {
59 }, 59 },
60 data () { 60 data () {
61 return { 61 return {
62 + default_list_index: 0,
62 side_show: false, 63 side_show: false,
63 screen_width: '', 64 screen_width: '',
64 docked: false, 65 docked: false,
...@@ -90,6 +91,10 @@ export default { ...@@ -90,6 +91,10 @@ export default {
90 }, 91 },
91 goTo (v) { 92 goTo (v) {
92 this.resize($('body').width()); 93 this.resize($('body').width());
94 + },
95 + listChange (v) {
96 + //
97 + this.default_list_index = v
93 } 98 }
94 } 99 }
95 } 100 }
...@@ -131,4 +136,8 @@ export default { ...@@ -131,4 +136,8 @@ export default {
131 width: calc(100% - 256px) 136 width: calc(100% - 256px)
132 } 137 }
133 138
139 +// .mu-item.is-selected {
140 +// color: #2196f3;
141 +// }
142 +
134 </style> 143 </style>
......