提交 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) => { ...@@ -34,8 +34,8 @@ const handleMenuGroupAction = ($event: IParam) => {
</script> </script>
<template> <template>
<a-card <app-col :class="['app-form-group', `app-form-group-${name}`]">
:class="['app-form-group', `app-form-group-${name}`]" <a-card
:headStyle="titleStyle" :headStyle="titleStyle"
:bordered="false"> :bordered="false">
<template v-if="showCaption" #title> <template v-if="showCaption" #title>
...@@ -84,8 +84,11 @@ const handleMenuGroupAction = ($event: IParam) => { ...@@ -84,8 +84,11 @@ const handleMenuGroupAction = ($event: IParam) => {
</template> </template>
</template> </template>
</template> </template>
<slot></slot> <app-row>
<slot></slot>
</app-row>
</a-card> </a-card>
</app-col>
</template> </template>
<style lang="scss"> <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'; ...@@ -3,4 +3,5 @@ export * from './i-param';
export * from './i-action-param'; export * from './i-action-param';
export * from './i-control-action'; export * from './i-control-action';
export * from './i-view-detail'; export * from './i-view-detail';
export * from './i-view-logics'; export * from './i-view-logics';
\ No newline at end of file export * from './i-layout-pos';
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册