【项目】Flex布局在线调试工具

7,536 阅读1分钟

介绍

Flex 布局的规则和语法请见该文

技术栈:Vue + Antd。

这是一个支持在线调试 Flex 布局的工具:

  • 鼠标移至 Flex 属性名或属性值上,会弹出相应的提示气泡框。
  • 鼠标点击演示区域内的 Flex Item,会弹出快捷配置气泡框。
  • 支持复制和粘贴 Flex Item 配置。
  • 支持根据当前配置,自动生成 HTML 和 CSS 代码。

地址