提交 6ab13185 编写于 作者: WodahsOrez's avatar WodahsOrez

update: 调整layout

上级 0ea67851
<script setup lang="ts">
import { ILayoutPos } from "@core";
interface AppColProps{
layoutPos: ILayoutPos;
}
const props = withDefaults(defineProps<AppColProps>(), {
});
// use通用的layout解析逻辑。
const layoutMode = "";
onMounted(() => {
console.log(props)
});
</script>
<template>
<div v-if="layoutMode == 'FLEX'" class="app-col">
<slot></slot>
</div>
<a-col v-else class="app-col">
<slot></slot>
</a-col>
</template>
<style lang="scss">
</style>
\ No newline at end of file
......@@ -34,8 +34,8 @@ const handleMenuGroupAction = ($event: IParam) => {
</script>
<template>
<a-card
:class="['app-form-group', `app-form-group-${name}`]"
<app-col :class="['app-form-group', `app-form-group-${name}`]">
<a-card
:headStyle="titleStyle"
:bordered="false">
<template v-if="showCaption" #title>
......@@ -84,8 +84,11 @@ const handleMenuGroupAction = ($event: IParam) => {
</template>
</template>
</template>
<slot></slot>
<app-row>
<slot></slot>
</app-row>
</a-card>
</app-col>
</template>
<style lang="scss">
......
<script setup lang="ts">
import { ILayoutPos } from "@core";
interface AppRowProps{
layoutPos: ILayoutPos;
}
const props = withDefaults(defineProps<AppRowProps>(), {
});
// use通用的layout解析逻辑。
const layoutMode = "";
onMounted(() => {
console.log(props)
});
</script>
<template>
<div v-if="layoutMode == 'FLEX'" class="app-row">
<slot></slot>
</div>
<a-row v-else class="app-row">
<slot></slot>
</a-row>
</template>
<style lang="scss">
</style>
\ No newline at end of file
/**
* 布局配置
*
* @export
* @interface ILayoutPos
*/
export interface ILayoutPos{
}
\ No newline at end of file
......@@ -3,4 +3,5 @@ export * from './i-param';
export * from './i-action-param';
export * from './i-control-action';
export * from './i-view-detail';
export * from './i-view-logics';
\ No newline at end of file
export * from './i-view-logics';
export * from './i-layout-pos';
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册