mirror of
https://gitee.com/dromara/go-view.git
synced 2026-05-30 00:00:05 +08:00
奔跑的面条
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import { PublicConfigClass } from '@/packages/public'
|
|
import { CreateComponentType } from '@/packages/index.d'
|
|
import { ImageCarouselConfig } from './index'
|
|
import cloneDeep from 'lodash/cloneDeep'
|
|
import logo from '@/assets/logo.png'
|
|
|
|
export const option = {
|
|
// 图片资源列表
|
|
dataset: [
|
|
'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.jpeg',
|
|
'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg',
|
|
'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg',
|
|
],
|
|
// 自动播放
|
|
autoplay: true,
|
|
// 自动播放的间隔（豪秒）
|
|
interval: 5000,
|
|
// 每页显示的图片数量
|
|
slidesPerview: 1,
|
|
// 轮播方向
|
|
direction: "horizontal",
|
|
// 拖曳切换
|
|
draggable: true,
|
|
// 居中显示
|
|
centeredSlides: false,
|
|
// 过渡效果
|
|
effect: "slide",
|
|
// 是否显示指示点
|
|
showDots: true,
|
|
// 指示器样式
|
|
dotType: "dot",
|
|
// 指示器位置
|
|
dotPlacement: "bottom",
|
|
// 显示箭头
|
|
showArrow: false,
|
|
// 图片样式
|
|
fit: "contain",
|
|
}
|
|
|
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
|
public key = ImageCarouselConfig.key
|
|
public chartConfig = cloneDeep(ImageCarouselConfig)
|
|
public option = cloneDeep(option)
|
|
}
|