canrd-outside / order-erp-front · Commits

Commit 628e820684ce5d81f130548505efe83e8d516131

Authored by 无木
1 parent 0f5ddbf1

fix(card-list): fixed build error 

修复CardList组件造成的build错误
Inline Side-by-side
Showing 1 changed file with 8 additions and 15 deletions
src/components/CardList/src/CardList.vue
  View file @628e820
... ... @@ -4,8 +4,8 @@
4 4 <BasicForm @register="registerForm" />
5 5 </div>
6 6 {{ sliderProp.width }}
7   - <div class="bg-white p-2"
8   - ><List
  7 + <div class="bg-white p-2">
  8 + <List
9 9 :grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: grid }"
10 10 :data-source="data"
11 11 :pagination="paginationProp"
... ... @@ -72,8 +72,8 @@
72 72 </Card>
73 73 </ListItem>
74 74 </template>
75   - </List></div
76   - >
  75 + </List>
  76 + </div>
77 77 </div>
78 78 </template>
79 79 <script lang="ts" setup>
... ... @@ -84,23 +84,16 @@
84 84 RedoOutlined,
85 85 TableOutlined,
86 86 } from '@ant-design/icons-vue';
87   - import {
88   - List,
89   - ListItem,
90   - Card,
91   - CardMeta,
92   - Image,
93   - TypographyText,
94   - Tooltip,
95   - Slider,
96   - Avatar,
97   - } from 'ant-design-vue';
  87 + import { List, Card, Image, Typography, Tooltip, Slider, Avatar } from 'ant-design-vue';
98 88 import { Dropdown } from '/@/components/Dropdown';
99 89 import { BasicForm, useForm } from '/@/components/Form';
100 90 import { propTypes } from '/@/utils/propTypes';
101 91 import { Button } from '/@/components/Button';
102 92 import { isFunction } from '/@/utils/is';
103 93 import { useSlider, grid } from './data';
  94 + const ListItem = List.Item;
  95 + const CardMeta = Card.Meta;
  96 + const TypographyText = Typography.Text;
104 97 // 获取slider属性
105 98 const sliderProp = computed(() => useSlider(4));
106 99 // 组件接收参数
... ...