卡片

内容展示区域，一般用于快速布局。

概念说明

属性

组件通用属性请参见组件通用说明。

• 标题：卡片标题。
• 宽度：卡片宽度，支持设置像素或是百分比。
• 阴影：支持配置卡片阴影状态，默认为一直显示。
  • 一直显示：常态显示卡片阴影。
  • hover时显示：鼠标悬停在卡片区域时显示卡片阴影。
  • 不显示：不显示卡片阴影。
• 显示边框：控制卡片边框的显隐，默认开启。
• 分割线：控制卡片标题和内容间分割线的显隐，默认关闭。

事件

支持点击、双击、右键点击、鼠标按下、鼠标释放、鼠标移入、鼠标移出、获得焦点和失去焦点事件，可在各个事件下添加对应的逻辑。以下为各个时间的触发条件：

• 点击：鼠标左键单击卡片。
• 双击：鼠标左键双击卡片。
• 右键点击：鼠标右键单击卡片。
• 鼠标按下：鼠标任意键按住卡片并维持不动。
• 鼠标释放：鼠标任意键在按住卡片后释放。
• 鼠标移入：鼠标指针移入卡片。
• 鼠标移出：鼠标指针移出卡片。

样式

样式说明请参见组件通用说明。

示例

卡片组件示例效果如下：