提交 49ca41d5 编写于 作者: tony001's avatar tony001

update:更新

上级 1f5ed544
......@@ -109,9 +109,9 @@ import AppInputIp from './components/app-input-ip/app-input-ip.vue';
import Loadding from './directive/loadding/loadding';
import AppColorSpan from './components/app-color-span/app-color-span.vue';
import AppColorPicker from './components/app-color-picker/app-color-picker.vue';
import AppScrollContainer from './components/layout-container/app-scroll-container/app-scroll-container.vue';
import AppSimpleFlexContainer from './components/layout-container/app-simpleflex-container/app-simpleflex-container.vue';
import AppScrollContainer from './components/layout-element/container/app-scroll-container/app-scroll-container.vue';
import AppSimpleFlexContainer from './components/layout-element/container/app-simpleflex-container/app-simpleflex-container.vue';
import AppStandardContainer from './components/layout-element/container/app-standard-container/app-standard-container.vue';
// 全局挂载UI实体服务注册中心
window['uiServiceRegister'] = uiServiceRegister;
// 全局挂载实体权限服务注册中心
......@@ -237,5 +237,6 @@ export const AppComponents = {
v.component('app-color-picker', AppColorPicker);
v.component('app-scroll-container', AppScrollContainer);
v.component('app-simpleflex-container',AppSimpleFlexContainer);
v.component('app-standard-container',AppStandardContainer);
},
};
\ No newline at end of file
.app-standard-container{
width: 100%;
height: 100%;
}
\ No newline at end of file
<template>
<div :class="curClassName" :style="curStyleContent">
<template v-if="containerModel.length > 0">
<template v-for="name of containerModel">
<slot :name="name"></slot>
</template>
</template>
</div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component({})
export default class AppStandardContainer extends Vue {
/**
* 名称
*
* @type {string}
* @memberof AppStandardContainer
*/
@Prop() public name!: string;
/**
* 布局模型详情
*
* @type {string}
* @memberof AppStandardContainer
*/
@Prop() public layoutModelDetails: any;
/**
* 插槽对象
*
* @memberof AppStandardContainer
*/
public containerModel: any[] = [];
/**
* 组件初始化
*
* @memberof SimpleFlexContainer
*/
public created() {
this.initSimpleFlexContainer();
}
/**
* 初始化SIMPLEFLEX容器
*
* @memberof SimpleFlexContainer
*/
public initSimpleFlexContainer() {
const curLayoutModel = this.layoutModelDetails[this.name];
if (curLayoutModel && curLayoutModel.details && curLayoutModel.details.length > 0) {
curLayoutModel.details.forEach((key: string) => {
this.containerModel.push(key);
})
}
}
/**
* 当前容器样式类
*/
get curClassName() {
return `app-standard-container ${this.name}`;
}
/**
* 当前容器样式
*/
get curStyleContent() {
let boxLayoutPosStyle = "";
const curLayoutModel = this.layoutModelDetails[this.name];
console.log(curLayoutModel);
return boxLayoutPosStyle;
}
}
</script>
<style lang='less'>
@import 'app-standard-container.less';
</style>
\ No newline at end of file
// 首页元素
\ No newline at end of file
// 输入交互
\ No newline at end of file
// 身份校验
\ No newline at end of file
// 多媒体
\ No newline at end of file
// 文本项
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册