如果我们需要定制原子布局,只需要按照基础布局默认布局的JSON规范,在业务模块中按需修改即可。系统会自动将三个布局的JSON规范合并。因此,定制布局的JSON规范往往是增量部分,所以开发起来非常便捷

下面以业务模块test-note为例,说明如何配置原子类型notecontent布局

layoutAtomItemNote

定制布局通过静态原子的机制来提供,从而方便版本控制在线修改

src/module/test-note/backend/src/config/static/layout/layoutAtomItemNote.js

  1. 1 const content = {
  2. 2 info: {
  3. 3 layout: {
  4. 4 viewSize: {
  5. 5 view: {
  6. 6 small: 'content,default',
  7. 7 medium: 'content,default',
  8. 8 large: 'content,default',
  9. 9 },
  10. 10 edit: {
  11. 11 small: 'default,content',
  12. 12 medium: 'default,content',
  13. 13 large: 'default,content',
  14. 14 },
  15. 15 },
  16. 16 },
  17. 17 },
  18. 18 layouts: {
  19. 19 default: {
  20. 20 blocks: {
  21. 21 main: {
  22. 22 component: {
  23. 23 module: 'a-cms',
  24. 24 name: 'itemLayoutBlockMobileMain',
  25. 25 },
  26. 26 info: true,
  27. 27 },
  28. 28 },
  29. 29 },
  30. 30 content: {
  31. 31 blocks: {
  32. 32 main: {
  33. 33 component: {
  34. 34 module: 'a-cms',
  35. 35 name: 'itemLayoutBlockMobileMain',
  36. 36 },
  37. 37 markdown: true,
  38. 38 },
  39. 39 },
  40. 40 },
  41. 41 },
  42. 42 };

关于JSON配置的具体说明,请参见:原子条目布局:默认布局