@uyun/pro-card
卡片（优云定制组件）
$ cnpm install @uyun/pro-card
Private package
卡片
安装
yarn add @uyun/pro
使用
import { Card } from "@uyun/pro";
示例
基础示例
包含标题、内容、操作区域。
<Example path="Basic" />无边框
在灰色背景上使用无边框的卡片。
<Example path="BorderLess" />简洁卡片
只包含内容区域。
<Example path="Simple" />栅格卡片
在系统概览页面常常和栅格进行配合。
<Example path="InColumn" />预加载的卡片
数据读入前会有文本块样式。
<Example path="Lodaing" />网格型内嵌卡片
一种常见的卡片内容区隔模式。
<Example path="GridCard" />内部卡片
可以放在普通卡片内部，展示多层级结构的信息。
<Example path="Inner" />带页签的卡片
可承载更多内容。
<Example path="Tabs" />支持更多内容配置
一种支持封面、头像、标题和描述信息的卡片。
<Example path="MetaCard" />更灵活的内容展示
可以利用 Card.Meta 、Card.Data 和 Card.Label 支持更灵活的内容。
组合样式改变
组合样式改变会改变原来的卡片样式，包括：
- 标题和内容使用相同的背景颜色；
- 标题文字加粗并有悬浮时的背景色；
- 卡片在悬浮时有蓝色外边框。
Current Tags
- 1.0.1-dev.0 ... dev (3 years ago)
- 1.0.2 ... latest (3 years ago)
14 Versions
- 1.0.2 ... 3 years ago
- 1.0.1 ... 3 years ago
- 1.0.1-dev.0 ... 3 years ago
- 1.0.0 ... 3 years ago
- 0.1.2-dev.0 ... 3 years ago
- 0.1.2-alpha.7 ... 3 years ago
- 0.1.2-alpha.6 ... 3 years ago
- 0.1.2-alpha.5 ... 3 years ago
- 0.1.2-alpha.4 ... 3 years ago
- 0.1.2-alpha.3 ... 3 years ago
- 0.1.2-alpha.2 ... 3 years ago
- 0.1.2-alpha.1 ... 3 years ago
- 0.1.2-alpha.0 ... 3 years ago
- 0.1.1-alpha.0 ... 3 years ago
Maintainers (2)
liupeng
liws
Downloads
Today
0
This Week
0
This Month
0
Last Day
0
Last Week
0
Last Month
0
Dependencies (7)
- @uyun/components ^4.0.0
- @uyun/pro-title ^0.1.2-alpha.5
- classnames ^2.3.1
- omit.js ^1.0.0
- raf ^3.4.0
- rc-util ^4.10.0
- warning ~4.0.2
Dev Dependencies (0)
None
Dependents (0)
None