widget-html-slider.js
2.12 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/*
* @Descripttion: 轮播大屏
*/
export const widgetHtmlSlider = {
code: 'widget-html-slider',
type: 'html',
tabName: '图层',
label: '轮播大屏',
icon: 'iconkuangjia',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '轮播大屏'
},
{
type: 'el-select',
label: '轮播方向',
name: 'tabDirection',
required: false,
placeholder: '',
selectOptions: [
{code: 'horizontal', name: '横向'},
{code: 'vertical', name: '竖向'},
],
value: 'horizontal'
},
{
type: 'el-select',
label: '类型',
name: 'tabType',
required: false,
placeholder: '',
selectOptions: [
{code: '', name: '普通'},
{code: 'card', name: '立体'},
],
value: ''
},
{
type: 'el-input-number',
label: '轮播时间',
name: 'tabTime',
required: false,
placeholder: '',
value: 300000
},
{
type: 'dynamic-html-slider',
label: '轮播地址',
name: 'urls',
required: false,
placeholder: '',
value: []
}
],
data:[],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 1920,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 1080
},
],
}
}