fix(card-list): fixed build error

修复CardList组件造成的build错误
This commit is contained in:
无木 2021-08-27 08:55:38 +08:00
parent 0f5ddbf1ec
commit 628e820684

View File

@ -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));
// //