wip
This commit is contained in:
parent
363cd2a66b
commit
818e421ce2
|
@ -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(() => {
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue