@tplc/business
Version:
69 lines (68 loc) • 1.77 kB
TypeScript
import { ActionView } from 'action'
import { LcbBlockProps } from '../lcb-block/types'
export interface LcbBannerProps extends LcbBlockProps {
items?: Partial<
ActionView & {
maskBgColor?: string
}
>[]
imageWidth?: number
/** 风格 1.平铺 2.卡片 */
styleGroup?: 1 | 2
autoplay?: boolean
/** 滚动方向 默认 horizontal */
direction?: 'horizontal' | 'vertical'
/** 同时显示的滑块数量 默认 1 */
displayMultipleItems?: number
/** 滑动时长 300ms */
duration?: number
/** 轮播图高度 默认192 */
height?: number
imgWidth?: number
/** 轮播间隔时间 5000ms */
interval?: number
/** 是否循环播放 默认 true */
loop?: boolean
/** 后边间距 */
nextMargin?: number
/** 前边间距 */
previousMargin?: number
/** 指示器位置 bottom */
indicatorPosition?:
| 'left'
| 'top-left'
| 'top'
| 'top-right'
| 'bottom-left'
| 'bottom'
| 'bottom-right'
| 'right'
/** 边距是否应用到第一个、最后一个元素 */
paddingBottom?: number
/** 指示器底部距离 */
indicatorBottom?: number
indicatorTop?: number
snapToEdge?: boolean
itemPadding?: number
/** 图片圆角 */
imageRadius?: number
radius?: number
customPrevImageClass?: string
customNextImageClass?: string
indicator?: 'dots' | 'dots-bar' | 'fraction'
/** 滑动样式 1平面 2立体 */
slidingStyle?: 1 | 2
maskBgColor?: string
fullScreenBackground?: boolean
supportClickScroll?: boolean
/** 是否全屏流式banner */
fullBannerFlow?: boolean
titleColor?: string
titleFontSize?: number
titleFontWeight?: number
titleTop?: number
titleLeft?: number
showTitle?: boolean
dotColor?: string
dotActiveColor?: string
}