Skip to content

卡片视图 CARD

以网格卡片形式展示数据,支持配置封面图片字段。配合 @Vis(type = Vis.Type.CARD) 使用。

完整示例

java
@Entity
@Table(name = "t_card")
@Erupt(
    name = "卡片演示",
    visRawTable = false,
    vis = {
        @Vis(
            title = "卡片视图",
            type = Vis.Type.CARD,
            cardView = @CardView(coverField = "img")
        )
    }
)
public class CardDemo extends BaseModel {

    @EruptField(
        views = @View(title = "封面图"),
        edit = @Edit(title = "封面图", type = EditType.ATTACHMENT,
            attachmentType = @AttachmentType(type = AttachmentType.Type.IMAGE, maxLimit = 3))
    )
    private String img;

    @EruptField(
        views = @View(title = "开始时间"),
        edit = @Edit(title = "开始时间", notNull = true)
    )
    private Date startDate;

    @EruptField(
        views = @View(title = "结束时间"),
        edit = @Edit(title = "结束时间", notNull = true)
    )
    private Date endDate;

}

@CardView 属性说明

java
public @interface CardView {

    String coverField() default ""; // 封面图片字段名

    CoverEffect coverEffect() default CoverEffect.CLIP; // 图片填充方式

    enum CoverEffect {
        FIT,  // 等比适应
        CLIP, // 居中裁剪(默认)
    }

}
属性名描述
coverField用作封面的图片字段名,对应 ATTACHMENT 类型字段
coverEffect封面图片填充方式:CLIP 居中裁剪(默认)/ FIT 等比适应

Released under the Apache-2.0 License.