setting.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. const type = 'GcBorder13'
  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: 'borderMainColor',
  13. optionField: 'borderMainColor', // 对应options中的字段
  14. // 是否多选
  15. multiple: false,
  16. // 绑定的值
  17. value: '',
  18. },
  19. {
  20. label:'边框副颜色',
  21. // 设置组件类型, select / input / colorPicker
  22. type: 'colorPicker',
  23. // 字段
  24. field: 'borderSecondaryColor',
  25. optionField: 'borderSecondaryColor', // 对应options中的字段
  26. // 是否多选
  27. multiple: false,
  28. // 绑定的值
  29. value: '',
  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: '',
  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: '',
  54. },
  55. {
  56. label: '渐变色方向',
  57. // 设置组件类型
  58. type: 'select',
  59. // 字段
  60. field: 'gradientDirection',
  61. // 对应options中的字段
  62. optionField: 'gradientDirection',
  63. // 是否多选
  64. multiple: false,
  65. value: '',
  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. export default {
  115. setting,
  116. type,
  117. name,
  118. isTitle
  119. }