提交 c8868853 编写于 作者: Shine-zwj's avatar Shine-zwj

add:新增首页视图上方菜单布局组件

上级 e8d66d5d
...@@ -139,7 +139,7 @@ import AppTodoList from './components/app-todo-list/app-todo-list.vue'; ...@@ -139,7 +139,7 @@ import AppTodoList from './components/app-todo-list/app-todo-list.vue';
import ExtendActionTimeline from './components/extend-action-timeline/extend-action-timeline.vue'; import ExtendActionTimeline from './components/extend-action-timeline/extend-action-timeline.vue';
// 布局组件 // 布局组件
import AppIndexViewLayoutLeft from './components/view-layout/index-view-layout/index-view-layout-left/index-view-layout-left.vue'; import AppIndexViewLayoutLeft from './components/view-layout/index-view-layout/index-view-layout-left/index-view-layout-left.vue';
import AppIndexViewLayoutTop from './components/view-layout/index-view-layout/index-view-layout-top/index-view-layout-top.vue';
// 全局挂载UI实体服务注册中心 // 全局挂载UI实体服务注册中心
window['uiServiceRegister'] = uiServiceRegister; window['uiServiceRegister'] = uiServiceRegister;
// 全局挂载实体权限服务注册中心 // 全局挂载实体权限服务注册中心
...@@ -166,6 +166,7 @@ export const AppComponents = { ...@@ -166,6 +166,7 @@ export const AppComponents = {
v.prototype.$verify = Verify; v.prototype.$verify = Verify;
v.prototype.$viewTool = ViewTool; v.prototype.$viewTool = ViewTool;
v.prototype.$uiActionTool = UIActionTool; v.prototype.$uiActionTool = UIActionTool;
v.component('app-index-view-layout-top',AppIndexViewLayoutTop);
v.component('app-index-view-layout-left',AppIndexViewLayoutLeft); v.component('app-index-view-layout-left',AppIndexViewLayoutLeft);
v.component('app-department-personnel',AppDepartmentPersonnel); v.component('app-department-personnel',AppDepartmentPersonnel);
v.component('app-panel-button',AppPanelButton); v.component('app-panel-button',AppPanelButton);
......
.index-view-layout-top {
.header-right {
display: flex;
align-items: center;
justify-content: space-between;
}
}
\ No newline at end of file
<template>
<layout class="index_view index-view-layout-top">
<header class="index_header">
<div class="header-left">
<slot name="headerLeft" />
</div>
<div class="header-center">
<slot name="headerCenter" />
</div>
<div class="header-right">
<slot name="headerRight" />
</div>
</header>
<content class="app-horizontal-layout">
<slot name="navPos" />
</content>
</layout>
</template>
<script lang="ts">
import { Vue, Component } from 'vue-property-decorator';
@Component({})
export default class AppIndexViewLayoutTop extends Vue {
}
</script>
<style lang="less">
@import "./index-view-layout-top.less";
</style>
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册