containerDefaultConfig.ts 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. // 组件容器基本设置
  2. export const containerDefaultConfig = {
  3. /* ===================================== 通用容器样式 ============================================ */
  4. style: {
  5. background: {
  6. type: "color", // none, color, image
  7. color: "rgba(0, 0, 0, 0.1)",
  8. image: "",
  9. fillType: "",
  10. },
  11. opacity: 100,
  12. borderStyle: "none",
  13. borderColor: "#EEEEEEFF",
  14. borderWidth: 1,
  15. borderRadius: {
  16. type: "all", // all, custom
  17. value: 2, // 整体圆角值 || {topLeft: 0, topRight: 0, bottomRight: 0, bottomLeft: 0}
  18. unit: "px", // 单位
  19. },
  20. // 阴影
  21. boxShadow: '',
  22. // 毛玻璃
  23. backdropFilter: '',
  24. // 倒影
  25. webkitBoxReflect: '',
  26. },
  27. /* ===================================== 通用容器属性 ============================================ */
  28. props: {
  29. width: 0,
  30. height: 0,
  31. x: 0,
  32. y: 0,
  33. paddingLeft: 0,
  34. paddingRight: 0,
  35. paddingTop: 0,
  36. paddingBottom: 0,
  37. rotateX: 0,
  38. rotateY: 0,
  39. rotateZ: 0,
  40. opacity: 100,
  41. },
  42. };