平台约束
这一章不是风格选择,是运行在 atomm 里的条件。审核查的是骨架和这一章:皮肤不照做也能上架,这一章不照做过不了审。
导出必须走平台按钮。 在导出位放 <div data-atomm-export-button></div>,并注册 atomm.lifecycle.on('export', …) 钩子。没有导出钩子的提交会被自动驳回。
导出位就是模板放它的地方:有参数栏时在参数栏底部,没有参数栏时在画布的底部末端角。按钮由 SDK 渲染,换肤只能通过文档化的 --atomm-export-* 变量——模板设了宽 100%、高 32px、圆角 6px 和品牌色,正好是 button-primary 的形状。开发期间可以在该位内渲染一个兜底按钮;SDK 存在时以 SDK 为准。详见导出能力。
…属性卡片…
参数栏底部 16px 内边距里的满宽 32px 按钮。内容滚动时它不动;用户永远不需要去找它。
把导出文件当作面向机器的。 1:1 真实尺寸、mm 单位、以 mm 为坐标的 viewBox。切割线颜色由设备映射到加工方式,不跟随界面配色,见 SVG 导出颜色规范。用于预览的参考图永不进入图纸。
顶栏属于平台——品牌、账号、积分。不要重做它、不要模仿它、不要再加一条。你自己的控件(项目名、保存、历史)放在前置栏的头部。
你渲染在平台分配的区域内。 你遮不住平台外框,也不知道视口尺寸,而层叠上下文完全是你自己的:一层覆层加一层 toast 就够了,z-index 上限是 3。