widget-image.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /*
  2. * @Descripttion: 图片json
  3. * @version:
  4. * @Author: qianlishi
  5. * @Date: 2021-08-29 07:07:23
  6. * @LastEditors: qianlishi
  7. * @LastEditTime: 2021-09-28 14:14:51
  8. */
  9. export const widgetImage = {
  10. code: 'widget-image',
  11. type: 'html',
  12. label: '图片',
  13. icon: 'icontupian',
  14. options: {
  15. // 配置
  16. setup: [
  17. {
  18. type: 'el-input-text',
  19. label: '图层名称',
  20. name: 'layerName',
  21. required: false,
  22. placeholder: '',
  23. value: '图片',
  24. },
  25. {
  26. type: 'el-switch',
  27. label: '开启旋转',
  28. name: 'startRotate',
  29. required: false,
  30. placeholder: '',
  31. value: false,
  32. },
  33. {
  34. type: 'el-slider',
  35. label: '旋转速度',
  36. name: 'rotationSpeed',
  37. required: false,
  38. placeholder: '',
  39. value: 70
  40. },
  41. {
  42. type: 'el-slider',
  43. label: '透明度',
  44. name: 'transparency',
  45. required: false,
  46. placeholder: '',
  47. value: 100
  48. },
  49. {
  50. type: 'el-input-number',
  51. label: '圆角',
  52. name: 'borderRadius',
  53. required: false,
  54. placeholder: '',
  55. value: '0'
  56. },
  57. {
  58. type: 'custom-upload',
  59. label: '图片地址',
  60. name: 'imageAdress',
  61. required: false,
  62. placeholder: '',
  63. value: 'http://10.108.26.197:9095/file/download/fd20d563-00aa-45e2-b5db-aff951f814ec',
  64. },
  65. {
  66. type: 'vue-color',
  67. label: '背景颜色',
  68. name: 'background',
  69. required: false,
  70. placeholder: '',
  71. },
  72. ],
  73. // 数据
  74. data: [],
  75. // 坐标
  76. position: [
  77. {
  78. type: 'el-input-number',
  79. label: '左边距',
  80. name: 'left',
  81. required: false,
  82. placeholder: '',
  83. value: 0,
  84. },
  85. {
  86. type: 'el-input-number',
  87. label: '上边距',
  88. name: 'top',
  89. required: false,
  90. placeholder: '',
  91. value: 0,
  92. },
  93. {
  94. type: 'el-input-number',
  95. label: '宽度',
  96. name: 'width',
  97. required: false,
  98. placeholder: '该容器在1920px大屏中的宽度',
  99. value: 300,
  100. },
  101. {
  102. type: 'el-input-number',
  103. label: '高度',
  104. name: 'height',
  105. required: false,
  106. placeholder: '该容器在1080px大屏中的高度',
  107. value: 200,
  108. },
  109. ],
  110. }
  111. }