BhtFloatAd
文档版本:1.0.0
描述
悬浮广告组件,用于在页面浮层区域展示广告内容。
效果
![]()
示例
<bht-float-ad></bht-float-ad>
代码
<bht-float-ad :ref="item.id" :item="item"></bht-float-ad>
或者
<BhtFloatAd :ref="item.id" :item="item"></BhtFloatAd>
参数
| 参数 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
| item | Object | 否 | - | 组件配置信息。 |
配置项
item.config.data 支持的常用字段如下:
| key | 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|---|
| width | 图片宽度 | string | 360px | 请输入的图片宽度 |
| height | 图片高度 | string | 360px | 请输入的图片高度 |
| title | 内容标题 | query | - | 请输入内容标题 |
| contentGroupName | 内容分组 | query | - | 请输入内容分组 |
| page | 随机条数 | query | 10 | 从随机条数选择一条 |
| orderByColumn | 排序字段 | query | createDatetime | 请输入排序字段 |
| isAsc | 排序方式 | query | desc | 请输入排序方式(可选值:desc、asc) |
引入
import { BhtFloatAd } from '@behappyto/cms-ui-vue3'