拖拽自动对齐

简介 #

SmartChart 的拖拽布局功能方便灵活,但精确对齐往往需要多次微调。本文档介绍网格辅助和自动对齐功能,帮助开发者快速实现像素级对齐。

对齐工具速查 #

工具 说明 使用方式
网格辅助 显示 1rem 间距网格 点击工具栏 info 图标
自动对齐 代码级自动整理坐标 模板 → 转化 → 拖拽对齐

使用方法 #

网格辅助 #

  • 你可以点击仪表盘工具栏中的info 图标切换网格显示
  • 每一格为1rem

自动对齐 #

你可以在"模板" –> “转化” 中找到这个功能

  • 首先我们随意拖拽了一些组件 输入图片说明
  • 然后选中拖拽代码段, 点"拖拽对齐" 后 点"保存" 拖拽对齐
  • 就可以查看对齐后的效果了, 再进行下拖拽微调, 重复以上动作到满意 输入图片说明