mirror of
https://github.com/vbenjs/vben-admin-thin-next.git
synced 2025-02-02 18:08:40 +08:00
fix(card-list): fixed build error
修复CardList组件造成的build错误
This commit is contained in:
parent
0f5ddbf1ec
commit
628e820684
@ -4,8 +4,8 @@
|
|||||||
<BasicForm @register="registerForm" />
|
<BasicForm @register="registerForm" />
|
||||||
</div>
|
</div>
|
||||||
{{ sliderProp.width }}
|
{{ sliderProp.width }}
|
||||||
<div class="bg-white p-2"
|
<div class="bg-white p-2">
|
||||||
><List
|
<List
|
||||||
:grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: grid }"
|
:grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: grid }"
|
||||||
:data-source="data"
|
:data-source="data"
|
||||||
:pagination="paginationProp"
|
:pagination="paginationProp"
|
||||||
@ -72,8 +72,8 @@
|
|||||||
</Card>
|
</Card>
|
||||||
</ListItem>
|
</ListItem>
|
||||||
</template>
|
</template>
|
||||||
</List></div
|
</List>
|
||||||
>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
@ -84,23 +84,16 @@
|
|||||||
RedoOutlined,
|
RedoOutlined,
|
||||||
TableOutlined,
|
TableOutlined,
|
||||||
} from '@ant-design/icons-vue';
|
} from '@ant-design/icons-vue';
|
||||||
import {
|
import { List, Card, Image, Typography, Tooltip, Slider, Avatar } from 'ant-design-vue';
|
||||||
List,
|
|
||||||
ListItem,
|
|
||||||
Card,
|
|
||||||
CardMeta,
|
|
||||||
Image,
|
|
||||||
TypographyText,
|
|
||||||
Tooltip,
|
|
||||||
Slider,
|
|
||||||
Avatar,
|
|
||||||
} from 'ant-design-vue';
|
|
||||||
import { Dropdown } from '/@/components/Dropdown';
|
import { Dropdown } from '/@/components/Dropdown';
|
||||||
import { BasicForm, useForm } from '/@/components/Form';
|
import { BasicForm, useForm } from '/@/components/Form';
|
||||||
import { propTypes } from '/@/utils/propTypes';
|
import { propTypes } from '/@/utils/propTypes';
|
||||||
import { Button } from '/@/components/Button';
|
import { Button } from '/@/components/Button';
|
||||||
import { isFunction } from '/@/utils/is';
|
import { isFunction } from '/@/utils/is';
|
||||||
import { useSlider, grid } from './data';
|
import { useSlider, grid } from './data';
|
||||||
|
const ListItem = List.Item;
|
||||||
|
const CardMeta = Card.Meta;
|
||||||
|
const TypographyText = Typography.Text;
|
||||||
// 获取slider属性
|
// 获取slider属性
|
||||||
const sliderProp = computed(() => useSlider(4));
|
const sliderProp = computed(() => useSlider(4));
|
||||||
// 组件接收参数
|
// 组件接收参数
|
||||||
|
Loading…
Reference in New Issue
Block a user