@ektx/v-macos

v-macos

类似 Mac OS 的页面布局解决方案

使用

HTML

<template>
	<div id="app">
		<VMacOSFrame />
	</div>
</template>

<script>
// 引入主界面
import { VMacOSFrame } from '@ektx/v-macos'

export default {
	name: 'app',
	components: { VMacOSFrame }
}
</script>

HTML

<template>
	<VMacOSDesktop hasRootNav />
</template>

import { VMacOSDesktop } from '@ektx/v-macos'

export default {
    name: 'index',
    components: {
        VMacOSDesktop
    }
}

• hasRootNav [boolean] 是否启用组件自定义菜单

store.js 配置

// 引用对主菜单 mutation
import { MutaionMacOSTopbar } from '@ektx/v-macos'

export default new Vuex.Store({
    mutations: {
        MutaionMacOSTopbar
    }
})