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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
| const type = 'GcBorder4'
|
| const isTitle=false
|
| const name = '边框4'
| const padding =[16,16,16,16]
| // 右侧配置项
| const setting = [
| // 背景色
|
| {
| label:'边框主颜色',
| // 设置组件类型， select / input / colorPicker
| type: 'colorPicker',
| // 字段
| field: 'borderMainColor',
| optionField: 'borderMainColor', // 对应options中的字段
| // 是否多选
| multiple: false,
| // 绑定的值
| value: '#83bff6',
| },
| {
| label:'边框副颜色',
| // 设置组件类型， select / input / colorPicker
| type: 'colorPicker',
| // 字段
| field: 'borderSecondaryColor',
| optionField: 'borderSecondaryColor', // 对应options中的字段
| // 是否多选
| multiple: false,
| // 绑定的值
| value: '#00CED1',
| },
| {
| label:'背景色',
| // 设置组件类型， select / input / colorPicker
| type: 'gradual',
| // 字段
| field: 'gradientColor',
| optionField: 'gradientColor', // 对应options中的字段
| // 是否多选
| multiple: false,
| // 绑定的值
| value: [],
| },
| {
| label: '渐变色方向',
| // 设置组件类型
| type: 'select',
| // 字段
| field: 'gradientDirection',
| // 对应options中的字段
| optionField: 'gradientDirection',
| // 是否多选
| multiple: false,
| value: 'to right',
| options: [
| {
| label: '从左到右',
| value: 'to right'
| },
| {
| label: '从右到左',
| value: 'to left'
| },
| {
| label: '从上到下',
| value: 'to bottom'
| },
| {
| label: '从下到上',
| value: 'to top'
| },
| {
| label: '从左上到右下',
| value: 'to bottom right'
| },
| {
| label: '从右上到左下',
| value: 'to bottom left'
| },
| {
| label: '从左下到右上',
| value: 'to top right'
| },
| {
| label: '从右下到左上',
| value: 'to top left'
| }
| ]
| },
| {
| label:'翻转形态',
| // 设置组件类型， select / input / colorPicker
| type: 'switch',
| // 字段
| field: 'reverse',
| optionField: 'reverse', // 对应options中的字段
| // 是否多选
| multiple: false,
| // 绑定的值
| value: false,
| },
|
|
| ]
|
|
|
|
| export default {
| setting,
| type,
| name,
| isTitle,
| padding
| }
|
|
