cardShape
描述
可选。一个对象,用于管理每张卡片左侧显示的信息
用法
cardShape?: {
category?: boolean,
details?: boolean,
preview?: boolean,
price?: boolean,
review?: boolean,
subtitle?: boolean,
title?: boolean
};
参数
在 cardShape 对象中,您可以指定以下参数(字段):
category- (可选)显示/ 隐藏类别名称details- (可选)显示/隐藏详细信息preview- (可选)显示/隐藏预览图片price- (可选)显示/隐藏价格review- (可选)显示/隐藏评分信息subtitle- (可选)显示/隐藏卡片副标题title- (可选)显示/隐藏卡片标题
默认配置
const defaultCardShape = {
category: true,
details: true,
preview: true,
price: true,
review: true,
subtitle: true,
title: true
};
示例
const cardShape = {
review: false,
subtitle: false,
price: false
};
new booking.Booking("#root", {
cardShape,
// 其他参数
});
以下代码片段演示了如何配置卡片左侧显示的字段:
信息
您也可以使用 cardTemplate 属性配置卡片的外观。如果同时应用了 cardTemplate 和 cardShape,cardTemplate 将覆盖 cardShape 的设置。
相关文章: