feat(card-list): 添加字段列数配置支持多列布局
- 新增 fieldColumns 配置项控制卡片内字段排列列数 - 支持通过 colSpan 设置字段跨列显示 - 优化卡片内容布局样式和字段显示效果 - 调整对账模块相关页面布局
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<script lang="ts" setup>
|
||||
import { defineComponent, ref, watch } from 'vue';
|
||||
|
||||
import { Button, Divider, Input, Select, Space } from 'ant-design-vue';
|
||||
import { Button, Divider, Input, Select } from 'ant-design-vue';
|
||||
|
||||
export interface RemoteOption {
|
||||
label: string;
|
||||
@@ -70,15 +70,20 @@ const addItem = (e: Event) => {
|
||||
<template #dropdownRender="{ menuNode: menu }">
|
||||
<VNodes :vnodes="menu" />
|
||||
<Divider style="margin: 4px 0" />
|
||||
<Space style="padding: 4px 8px">
|
||||
<Input ref="inputRef" v-model:value="inputValue" placeholder="在此手动输入" />
|
||||
<div style="padding: 4px 8px; display: flex">
|
||||
<Input
|
||||
ref="inputRef"
|
||||
v-model:value="inputValue"
|
||||
placeholder="在此手动输入"
|
||||
style="flex: 1"
|
||||
/>
|
||||
<Button type="text" @click="addItem">
|
||||
<template #icon>
|
||||
<!-- <PlusOutlined /> -->
|
||||
</template>
|
||||
新增
|
||||
</Button>
|
||||
</Space>
|
||||
</div>
|
||||
</template>
|
||||
</Select>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user