40 lines
625 B
Vue
40 lines
625 B
Vue
<template>
|
|
|
|
|
|
|
|
<div class='dialog'>
|
|
|
|
<div class='header'>
|
|
<div class='title'>{{ 'blabla' }}</div>
|
|
</div>
|
|
|
|
<div class='body'>
|
|
|
|
<div v-for='(rooms, type) in gs.room'>
|
|
<div class='toggle'
|
|
:data-toggle='rooms.visible?1:0'
|
|
@click='rooms.visible=!rooms.visible'>{{ type }} rooms</div>
|
|
<ul>
|
|
<li v-for='r in rooms.list'
|
|
:class='rooms.current==r.id?`active`:``'
|
|
:data-type='r.type'
|
|
@click='gs.room.nav(r.type, r.id)'>{{ r.name }}</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</template><script>
|
|
export default {
|
|
|
|
name: 'dialog-',
|
|
|
|
data(){ return { gs: gs.get }; }
|
|
|
|
}
|
|
|
|
</script> |