海景房组件
使用场景
海景房组件是一种常见的前端交互组件，通常用于展示海景房的图片、信息、价格等内容。使用场景包括但不限于：在房地产网站、旅游网站、度假村等网站中。海景房组件可以提高网站的用户体验和吸引力，增加用户的访问时长和购买转化率。
组件视图
组件使用
1、从组件树中找到【海景房】，按住鼠标拖入到画布，即向页面中添加了一个 海景房组件。
2、注意：海景房组件是一个组合组件，当拖入到画布后，实际上加载了如下 2 个组件：海景房组件、海景房 item 组件
通过鼠标点选不同的组件，可针对每个子组件做细节调整；
配置说明
当选中 海景房组件后，可以对其做细化配置：
1、内容
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 标题 | 控制海景房组件标题文本 | |
| 标题描述 | 控制海景房组件标题描述文本 | |
| 标题颜色 | 控制海景房组件标题字体颜色 | 默认跟随主题字体颜色 |
| 标题描述颜色 | 控制海景房组件标题描述字体颜色 | 默认跟随主题字体颜色 |
| 背景色 | 控制海景房组件背景颜色 |
2、布局
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 标题 & 描述布局 | 标题 & 标题描述显示位置 | |
| 海景房 item 数量 | 控制海景房组件中海景房 item 的数量 |
当选中 海景房 item 组件后，可以对其做细化配置：
1、内容
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 选择专辑 | 控制显示的商品/商品集 | |
| 专辑封面 | 控制显示商品/商品集图片的获取方式 | |
| 图片 | 控制显示的商品/商品集图片 | 当专辑封面设置为 customize upload 时生效 |
| 标题 | 控制海景房 item 的标题文本 | |
| 标题描述 | 控制海景房 item 的标题描述文本 | |
| 标题颜色 | 控制海景房 item 标题字体颜色 | |
| 标题描述颜色 | 控制海景房 item 标题描述字体颜色 | |
| 背景色 | 控制海景房 item 背景颜色 | |
| 价格颜色 | 控制商品/商品集价格展示字体颜色 | |
| 分割线颜色 | 控制商品/商品集分割线颜色 |
2、显示
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 是否显示评分 | 控制评分显示/隐藏 | |
| 评分内容 | 控制显示评分类型 | like: 点赞; viewing count: 浏览量; popularity: 人气 |
| 评分样式 | 控制显示评分的 icon 图标 | 评分样式为 viewing count 时不生效 |
| 点赞量 | 控制评分显示的点赞数量 | 评分样式为 like 时生效 |
| 浏览量 | 控制评分显示的浏览数量 | 评分样式为 viewing count 时生效 |
| 评分等级 | 控制评分显示的人气等级 | |
| 图标颜色 | 控制评分显示图标颜色 | |
| 是否显示价格 | 控制商品/商品集价格显示/隐藏 | |
| 是否显示折扣 | 控制商品/商品集折扣显示/隐藏 |
注意事项
- 1、海景房 item 组件是嵌套在海景房组件中的子组件，请勿在右侧配置面板中删除海景房 item 组件，若想改变海景房 item 的数量可以在海景房组件通过配置 海景房 item 数量进行修改
- 2、海景房 item 数量最多为 3 个