跳到主要内容

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 属性配置卡片的外观。如果同时应用了 cardTemplatecardShapecardTemplate 将覆盖 cardShape 的设置。

相关文章