dct-card v0.0.5

需求

• card 分为三部分: title,content和tail. 单个card可能具备三个部分，也可能只有content和tail
• title和tail具有定高，剩余部分空间由content占满

dct-card change:

1. remove input dctCardAvatarTemplate
2. dctCardTitleTemplate -> title 支持字符串或template
3. card content:同时支持dctCardContentTemplate和dct-card标签内容投射。只有当data和dctCardContentTemplate都存在时才使用dctCardContentTemplate。
4. remove input mode.
5. actionSize -> displayActionCount

dct-image-card

Input

• src image的url
• label image的标题
• isAvatar是否是头像。为true时展示圆形，false时展示正方形

Output

• close 卡片关闭事件，通常代表删除卡片所代表的实体

dct-simple-card

Input

• title card标题
• corn card title左上角颜色.
• titleBackgroundColor = 'transparent' card title背景色

color格式

• rgb rgb(,,,)
• 字符串 #FFFFFF

Output

• close 卡片关闭事件，通常代表删除卡片所代表的实体

示例

<dct-simple-card title="test" corn="red">
    <div>metric1:xx</div>
    <div>metric1:xx</div>
    <div>metric1:xx</div>
    </dct-simple-card>