setting.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. const type = 'GcBorder14'
  2. const name = '边框十四'
  3. const isTitle=false
  4. // 右侧配置项
  5. const setting = [
  6. // 背景色
  7. {
  8. label:'边框线颜色',
  9. // 设置组件类型, select / input / colorPicker
  10. type: 'colorPicker',
  11. // 字段
  12. field: 'borderColor',
  13. optionField: 'borderColor', // 对应options中的字段
  14. // 是否多选
  15. multiple: false,
  16. // 绑定的值
  17. value: '',
  18. },
  19. {
  20. label:'边框线宽度',
  21. // 设置组件类型, select / input / colorPicker
  22. type: 'inputNumber',
  23. // 字段
  24. field: 'borderWidth',
  25. optionField: 'borderWidth', // 对应options中的字段
  26. // 是否多选
  27. multiple: false,
  28. // 绑定的值
  29. value: 2,
  30. },
  31. {
  32. label:'背景色一',
  33. // 设置组件类型, select / input / colorPicker
  34. type: 'colorPicker',
  35. // 字段
  36. field: 'gradientColor0',
  37. optionField: 'gradientColor0', // 对应options中的字段
  38. // 是否多选
  39. multiple: false,
  40. // 绑定的值
  41. value: '#83bff6',
  42. },
  43. {
  44. label:'背景色二',
  45. // 设置组件类型, select / input / colorPicker
  46. type: 'colorPicker',
  47. // 字段
  48. field: 'gradientColor1',
  49. optionField: 'gradientColor1', // 对应options中的字段
  50. // 是否多选
  51. multiple: false,
  52. // 绑定的值
  53. value: '#188df0',
  54. },
  55. {
  56. label: '渐变色方向',
  57. // 设置组件类型
  58. type: 'select',
  59. // 字段
  60. field: 'gradientDirection',
  61. // 对应options中的字段
  62. optionField: 'gradientDirection',
  63. // 是否多选
  64. multiple: false,
  65. value: 'to right',
  66. options: [
  67. {
  68. label: '从左到右',
  69. value: 'to right'
  70. },
  71. {
  72. label: '从右到左',
  73. value: 'to left'
  74. },
  75. {
  76. label: '从上到下',
  77. value: 'to bottom'
  78. },
  79. {
  80. label: '从下到上',
  81. value: 'to top'
  82. },
  83. {
  84. label: '从左上到右下',
  85. value: 'to bottom right'
  86. },
  87. {
  88. label: '从右上到左下',
  89. value: 'to bottom left'
  90. },
  91. {
  92. label: '从左下到右上',
  93. value: 'to top right'
  94. },
  95. {
  96. label: '从右下到左上',
  97. value: 'to top left'
  98. }
  99. ]
  100. },
  101. {
  102. label:'不透明度',
  103. // 设置组件类型, select / input / colorPicker
  104. type: 'inputNumber',
  105. // 字段
  106. field: 'opacity',
  107. optionField: 'opacity', // 对应options中的字段
  108. // 是否多选
  109. multiple: false,
  110. // 绑定的值
  111. value: 100,
  112. },
  113. {
  114. label:'左上圆角值',
  115. // 设置组件类型, select / input / colorPicker
  116. type: 'inputNumber',
  117. // 字段
  118. field: 'radiusLeftTop',
  119. optionField: 'radiusLeftTop', // 对应options中的字段
  120. // 是否多选
  121. multiple: false,
  122. // 绑定的值
  123. value: 2,
  124. },
  125. {
  126. label:'左下圆角值',
  127. // 设置组件类型, select / input / colorPicker
  128. type: 'inputNumber',
  129. // 字段
  130. field: 'radiusLeftBottom',
  131. optionField: 'radiusLeftBottom', // 对应options中的字段
  132. // 是否多选
  133. multiple: false,
  134. // 绑定的值
  135. value: 2,
  136. },
  137. {
  138. label:'右上圆角值',
  139. // 设置组件类型, select / input / colorPicker
  140. type: 'inputNumber',
  141. // 字段
  142. field: 'radiusRightTop',
  143. optionField: 'radiusRightTop', // 对应options中的字段
  144. // 是否多选
  145. multiple: false,
  146. // 绑定的值
  147. value: 2,
  148. },
  149. {
  150. label:'右下圆角值',
  151. // 设置组件类型, select / input / colorPicker
  152. type: 'inputNumber',
  153. // 字段
  154. field: 'radiusRightBottom',
  155. optionField: 'radiusRightBottom', // 对应options中的字段
  156. // 是否多选
  157. multiple: false,
  158. // 绑定的值
  159. value: 2,
  160. },
  161. ]
  162. export default {
  163. setting,
  164. type,
  165. name,
  166. isTitle
  167. }