This commit is contained in:
syuilo 2018-02-19 16:18:18 +09:00
parent 1637984308
commit 32993e12e3
3 changed files with 9 additions and 7 deletions

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="context-menu" :style="{ left: `${x}px`, top: `${y}px` }" @contextmenu.prevent="() => {}"> <div class="context-menu" :style="{ left: `${x}px`, top: `${y}px` }" @contextmenu.prevent="() => {}">
<context-menu-menu :menu="menu" @x="click"/> <me-nu :menu="menu" @x="click"/>
</div> </div>
</template> </template>
@ -8,8 +8,12 @@
import Vue from 'vue'; import Vue from 'vue';
import * as anime from 'animejs'; import * as anime from 'animejs';
import contains from '../../../common/scripts/contains'; import contains from '../../../common/scripts/contains';
import meNu from './context-menu-menu.vue';
export default Vue.extend({ export default Vue.extend({
components: {
'me-nu': meNu
},
props: ['x', 'y', 'menu'], props: ['x', 'y', 'menu'],
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {

View file

@ -31,8 +31,8 @@ import drive from './drive.vue';
import driveFile from './drive-file.vue'; import driveFile from './drive-file.vue';
import driveFolder from './drive-folder.vue'; import driveFolder from './drive-folder.vue';
import driveNavFolder from './drive-nav-folder.vue'; import driveNavFolder from './drive-nav-folder.vue';
import contextMenuMenu from './context-menu-menu.vue';
import postDetail from './post-detail.vue'; import postDetail from './post-detail.vue';
import settings from './settings.vue';
import wNav from './widgets/nav.vue'; import wNav from './widgets/nav.vue';
import wCalendar from './widgets/calendar.vue'; import wCalendar from './widgets/calendar.vue';
import wPhotoStream from './widgets/photo-stream.vue'; import wPhotoStream from './widgets/photo-stream.vue';
@ -73,8 +73,8 @@ Vue.component('mk-drive', drive);
Vue.component('mk-drive-file', driveFile); Vue.component('mk-drive-file', driveFile);
Vue.component('mk-drive-folder', driveFolder); Vue.component('mk-drive-folder', driveFolder);
Vue.component('mk-drive-nav-folder', driveNavFolder); Vue.component('mk-drive-nav-folder', driveNavFolder);
Vue.component('context-menu-menu', contextMenuMenu); Vue.component('mk-post-detail', postDetail);
Vue.component('post-detail', postDetail); Vue.component('mk-settings', settings);
Vue.component('mkw-nav', wNav); Vue.component('mkw-nav', wNav);
Vue.component('mkw-calendar', wCalendar); Vue.component('mkw-calendar', wCalendar);
Vue.component('mkw-photo-stream', wPhotoStream); Vue.component('mkw-photo-stream', wPhotoStream);

View file

@ -1,9 +1,7 @@
<template> <template>
<mk-window is-modal width='700px' height='550px' @closed="$destroy"> <mk-window is-modal width='700px' height='550px' @closed="$destroy">
<span slot="header" :class="$style.header">%fa:cog%設定</span> <span slot="header" :class="$style.header">%fa:cog%設定</span>
<div slot="content">
<mk-settings/> <mk-settings/>
</div>
</mk-window> </mk-window>
</template> </template>