WetProCard 高级布局卡片

基本介绍

页内容器卡片，提供标准卡片样式，卡片切分以及栅格布局能力。WetProCard 创造性地将 Col, Row, Card, Tabs 等组件实现结合在一起，让你仅用一个组件就能够完成卡片相关的各种布局。

组件引入：import { WetProCard } from '@wetspace/pro-components'

基本使用

特别值得主要的是设置你还可以通过配置 ghost 属性为 true 来去掉背景色和 padding 方便页内布局。

当使用 WetProCard 时，直接包裹 WetProCard 组件就好触发栅格布局模式。此时直接子级WetProCard组件的 span 默认值为 24，即一行的宽度。

colSpan 支持 Elment-plus 定义的栅格式响应布局。预设六个响应尺寸：xs sm md lg xl。如果要支持响应式，可以写成 { xs: 4, sm: 8, md: 10, lg: 12 }

不过这里推荐使用@vueuse/core的useElementSize，然后配合计算属性算span的值去做响应式会更加精准，因为我们的页面布局往往是左侧的导航栏是固定宽的，用媒体查询做的响应式有时不是很匹配我们的项目需求

继承 Elment-plus 的 ElRow 组件所有属性。继承 Elment-plus 的 ElCard 组件所有属性。