setting.js 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. const type = 'GcBorder2'
  2. const name = '边框2'
  3. const padding =[16,16,16,16]
  4. const isTitle=false
  5. // 右侧配置项
  6. const setting = [
  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: 'gradual',
  35. // 字段
  36. field: 'gradientColor',
  37. optionField: 'gradientColor', // 对应options中的字段
  38. // 是否多选
  39. multiple: false,
  40. // 绑定的值
  41. value: [],
  42. },
  43. {
  44. label: '渐变色方向',
  45. // 设置组件类型
  46. type: 'select',
  47. // 字段
  48. field: 'gradientDirection',
  49. // 对应options中的字段
  50. optionField: 'gradientDirection',
  51. // 是否多选
  52. multiple: false,
  53. value: 'to right',
  54. options: [
  55. {
  56. label: '从左到右',
  57. value: 'to right'
  58. },
  59. {
  60. label: '从右到左',
  61. value: 'to left'
  62. },
  63. {
  64. label: '从上到下',
  65. value: 'to bottom'
  66. },
  67. {
  68. label: '从下到上',
  69. value: 'to top'
  70. },
  71. {
  72. label: '从左上到右下',
  73. value: 'to bottom right'
  74. },
  75. {
  76. label: '从右上到左下',
  77. value: 'to bottom left'
  78. },
  79. {
  80. label: '从左下到右上',
  81. value: 'to top right'
  82. },
  83. {
  84. label: '从右下到左上',
  85. value: 'to top left'
  86. }
  87. ]
  88. },
  89. ]
  90. export default {
  91. setting,
  92. type,
  93. name,
  94. isTitle,
  95. padding
  96. }