|
|
|
@ -4,8 +4,8 @@ |
|
|
|
<BasicForm @register="registerForm" /> |
|
|
|
</div> |
|
|
|
{{ sliderProp.width }} |
|
|
|
<div class="bg-white p-2" |
|
|
|
><List |
|
|
|
<div class="bg-white p-2"> |
|
|
|
<List |
|
|
|
:grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: grid }" |
|
|
|
:data-source="data" |
|
|
|
:pagination="paginationProp" |
|
|
|
@ -72,8 +72,8 @@ |
|
|
|
</Card> |
|
|
|
</ListItem> |
|
|
|
</template> |
|
|
|
</List></div |
|
|
|
> |
|
|
|
</List> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script lang="ts" setup> |
|
|
|
@ -84,23 +84,16 @@ |
|
|
|
RedoOutlined, |
|
|
|
TableOutlined, |
|
|
|
} from '@ant-design/icons-vue'; |
|
|
|
import { |
|
|
|
List, |
|
|
|
ListItem, |
|
|
|
Card, |
|
|
|
CardMeta, |
|
|
|
Image, |
|
|
|
TypographyText, |
|
|
|
Tooltip, |
|
|
|
Slider, |
|
|
|
Avatar, |
|
|
|
} from 'ant-design-vue'; |
|
|
|
import { List, Card, Image, Typography, Tooltip, Slider, Avatar } from 'ant-design-vue'; |
|
|
|
import { Dropdown } from '/@/components/Dropdown'; |
|
|
|
import { BasicForm, useForm } from '/@/components/Form'; |
|
|
|
import { propTypes } from '/@/utils/propTypes'; |
|
|
|
import { Button } from '/@/components/Button'; |
|
|
|
import { isFunction } from '/@/utils/is'; |
|
|
|
import { useSlider, grid } from './data'; |
|
|
|
const ListItem = List.Item; |
|
|
|
const CardMeta = Card.Meta; |
|
|
|
const TypographyText = Typography.Text; |
|
|
|
// 获取slider属性 |
|
|
|
const sliderProp = computed(() => useSlider(4)); |
|
|
|
// 组件接收参数 |
|
|
|
|