update：首页面包屑

src/app-register.ts

@@ -132,6 +132,7 @@ import AppPresetQrCode from './components/layout-element/interactive/app-preset-
 import AppPresetSwitch from './components/layout-element/interactive/app-preset-switch/app-preset-switch.vue';
 import AppPresetTextInput from './components/layout-element/interactive/app-preset-text-input/app-preset-text-input.vue';
 import AppIndexNavTabs from './components/layout-element/index/app-index-nav-tabs/app-index-nav-tabs.vue';
+import AppIndexNavBreadcrumb from './components/layout-element/index/app-index-nav-breadcrumb/app-index-nav-breadcrumb.vue';
 import AppIndexOrgSelect from './components/layout-element/index/app-index-org-select/app-index-org-select.vue';
 import AppIndexUserInfo from './components/layout-element/index/app-index-user-info/app-index-user-info.vue';
 import AppCtrlPos from './components/layout-element/control/app-ctrl-pos/app-ctrl-pos.vue';
@@ -282,6 +283,7 @@ export const AppComponents = {
         v.component('app-preset-switch',AppPresetSwitch);
         v.component('app-preset-text-input',AppPresetTextInput);
         v.component('app-index-nav-tabs', AppIndexNavTabs);
+        v.component('app-index-nav-breadcrumb', AppIndexNavBreadcrumb);
         v.component('app-index-org-select', AppIndexOrgSelect);
         v.component('app-index-user-info', AppIndexUserInfo);
         v.component('app-ctrl-pos', AppCtrlPos);

src/components/layout-element/index/app-index-nav-breadcrumb/app-index-nav-breadcrumb.vue

+<template>
+    <div :class="curClassName" :style="curStyle">
+        <app-breadcrumb :navModel="navModel" :indexViewTag="indexViewTag"></app-breadcrumb>
+    </div>
+</template>
+<script lang="ts">
+import { Component, Inject, Prop, Vue } from "vue-property-decorator";
+
+@Component({})
+export default class AppIndexNavBreadcrumb extends Vue {
+    
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof AppIndexNavBreadcrumb
+     */
+    @Prop() public name!: string;
+
+    /**
+     * 布局模型详情
+     *
+     * @type {*}
+     * @memberof AppIndexNavBreadcrumb
+     */
+    @Prop() public layoutModelDetails: any;
+
+    /**
+     * 首页视图标识
+     *
+     * @type {*}
+     * @memberof AppIndexNavBreadcrumb
+     */
+    @Prop() public indexViewTag?: string;
+
+    /**
+     * 视图默认使用
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}Base
+     */
+    @Inject({ from:'navModel', default: 'tab' })
+    public navModel!: string;
+
+    /**
+     * 当前布局模型
+     *
+     * @type {*}
+     * @memberof AppIndexNavBreadcrumb
+     */
+    public currentLayoutModel: any;
+
+    /**
+     * 当前容器类名
+     *
+     * @memberof AppIndexNavBreadcrumb
+     */
+    get curClassName() {
+        return {
+            'app-index-nav-breadcrumb': true,
+            [this.name]: true,
+            [this.currentLayoutModel.sysCss]: this.currentLayoutModel.sysCss ? true : false
+        }
+    }
+
+    /**
+     * 当前容器样式
+     *
+     * @memberof AppIndexNavBreadcrumb
+     */
+    get curStyle() {
+        if (this.currentLayoutModel) {
+            return this.currentLayoutModel.getElementStyle();
+        }
+        return '';
+    }
+
+    /**
+     * Vue生命周期 --- created
+     *
+     * @memberof AppIndexNavBreadcrumb
+     */
+    created() {
+        this.currentLayoutModel = this.layoutModelDetails[this.name];
+    }
+    
+}
+</script>
+<style lang='less'>
+@import './app-index-nav-breadcrumb.less';
+</style>
\ No newline at end of file