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

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

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配置的具体说明，请参见：原子条目布局：默认布局