infoShape

描述

可选。一个对象，用于配置 Booking 对话框左侧显示的信息内容

用法

infoShape?: {
    preview?: boolean,
    category?: boolean,
    title?: boolean,
    price?: boolean,
    details?: boolean
};

参数

该对象包含以下参数：

• preview - （可选）在 Booking 对话框信息块（左侧）中显示或隐藏预览图片
• category - （可选）在 Booking 对话框左侧显示或隐藏类别名称（例如，专家的职位）
• title - （可选）在 Booking 对话框信息块中显示或隐藏标题（例如，专家的姓名）
• price - （可选）在 Booking 对话框信息块中显示或隐藏价格
• details - （可选）在 Booking 对话框信息块中显示或隐藏详细信息

默认配置

const defaultInfoShape = {
    preview: true,
    category: true,
    title: true,
    price: true,
    details: true
};

示例

const infoShape = {
    preview: false,
    price: false
};

new booking.Booking("#root", {
    data,
    infoShape,
    // 其他参数
});

以下代码片段展示了如何配置 Booking 对话框左侧显示的内容：

信息

您也可以使用 infoTemplate 属性控制 Booking 对话框信息块中显示的字段。但如果两个属性同时应用，infoTemplate 将覆盖 infoShape 的设置。

相关文章：

• 配置 Booking 对话框
• infoTemplate