简介 #
SmartChart 的拖拽布局功能方便灵活,但精确对齐往往需要多次微调。本文档介绍网格辅助和自动对齐功能,帮助开发者快速实现像素级对齐。
对齐工具速查 #
| 工具 | 说明 | 使用方式 |
|---|---|---|
| 网格辅助 | 显示 1rem 间距网格 | 点击工具栏 info 图标 |
| 自动对齐 | 代码级自动整理坐标 | 模板 → 转化 → 拖拽对齐 |
使用方法 #
网格辅助 #
- 你可以点击仪表盘工具栏中的info 图标切换网格显示
- 每一格为1rem
自动对齐 #
你可以在"模板" –> “转化” 中找到这个功能
- 首先我们随意拖拽了一些组件

- 然后选中拖拽代码段, 点"拖拽对齐" 后 点"保存"

- 就可以查看对齐后的效果了, 再进行下拖拽微调, 重复以上动作到满意
