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,8 +4,8 @@
4 <BasicForm @register="registerForm" /> 4 <BasicForm @register="registerForm" />
5 </div> 5 </div>
6 {{ sliderProp.width }} 6 {{ sliderProp.width }}
7 - <div class="bg-white p-2"  
8 - ><List 7 + <div class="bg-white p-2">
  8 + <List
9 :grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: grid }" 9 :grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: grid }"
10 :data-source="data" 10 :data-source="data"
11 :pagination="paginationProp" 11 :pagination="paginationProp"
@@ -72,8 +72,8 @@ @@ -72,8 +72,8 @@
72 </Card> 72 </Card>
73 </ListItem> 73 </ListItem>
74 </template> 74 </template>
75 - </List></div  
76 - > 75 + </List>
  76 + </div>
77 </div> 77 </div>
78 </template> 78 </template>
79 <script lang="ts" setup> 79 <script lang="ts" setup>
@@ -84,23 +84,16 @@ @@ -84,23 +84,16 @@
84 RedoOutlined, 84 RedoOutlined,
85 TableOutlined, 85 TableOutlined,
86 } from '@ant-design/icons-vue'; 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 import { Dropdown } from '/@/components/Dropdown'; 88 import { Dropdown } from '/@/components/Dropdown';
99 import { BasicForm, useForm } from '/@/components/Form'; 89 import { BasicForm, useForm } from '/@/components/Form';
100 import { propTypes } from '/@/utils/propTypes'; 90 import { propTypes } from '/@/utils/propTypes';
101 import { Button } from '/@/components/Button'; 91 import { Button } from '/@/components/Button';
102 import { isFunction } from '/@/utils/is'; 92 import { isFunction } from '/@/utils/is';
103 import { useSlider, grid } from './data'; 93 import { useSlider, grid } from './data';
  94 + const ListItem = List.Item;
  95 + const CardMeta = Card.Meta;
  96 + const TypographyText = Typography.Text;
104 // 获取slider属性 97 // 获取slider属性
105 const sliderProp = computed(() => useSlider(4)); 98 const sliderProp = computed(() => useSlider(4));
106 // 组件接收参数 99 // 组件接收参数