mastergo ai 不提供“空状态页面”独立模板，但可通过精准自然语言描述生成符合业务逻辑的空状态ui；需明确场景、视觉特征与交互意图，并结合参考图提升风格一致性，再用微调指令补全交互细节，导出时加入框架关键词以适配代码。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接提供“空状态页面”这一独立模板选项，但它能通过精准的自然语言描述，稳定生成符合业务逻辑的空状态 UI。关键不在找按钮，而在怎么告诉 AI 你要什么。
用描述锚定空状态的核心要素
AI 不会自动猜你缺数据时该显示什么，必须明确说明场景、视觉特征和交互意图。比如：
- “生成一个用户未创建任何项目的后台首页，显示居中图标、‘暂无项目’标题、14px 灰色副标题‘点击右上角 + 新建项目开始’，下方带一个蓝色主按钮”
- “设计订单列表页的空态：空白插画（风格简洁）、标题‘还没有订单’、小字提示‘下单后会在这里显示’、底部悬浮‘去逛逛’按钮”
描述里包含“图标/插画”“标题文字”“副文案”“按钮文案与样式”，AI 就能匹配出接近设计规范的布局和层级。
结合参考图提升还原一致性
如果你团队已有空状态设计规范（比如统一用某套线性图标、固定字号比例、特定留白高度），把这张规范图拖进 MasterGo 的 reference 文件夹，再输入文字描述，AI 会优先对齐图中视觉节奏。实测发现：仅靠文字，图标风格可能偏写实；加上参考图后，80% 以上生成结果会自动采用同一线性风格和尺寸比例。
MaterialDesign风格下拉菜单jquery插件
下载
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
生成后快速补全交互细节
空状态页面常需配合操作反馈（如按钮 hover 效果、加载态切换），AI 初版通常只输出静态画面。这时可继续输入微调指令：
- “给‘去逛逛’按钮添加 hover 时背景变深色的效果”
- “在图标下方加 2px 圆角矩形底衬，颜色 #F5F5F7”
- “把副标题行高设为 24px，与主标题间距 12px”
这类指令无需代码，MasterGo AI 能直接在设计画布上调整图层属性，适合快速对齐开发标注要求。
导出时注意空状态的代码适配性
生成的设计稿若需导出 React/Vue 代码，建议在描述中加入框架关键词，例如：
- “使用 Ant Design 风格，空状态组件用 Empty 组件封装”
- “Vue 项目，空状态区域用 element-plus 的 el-empty”
这样生成的代码会自动引入对应组件库的空状态容器，并预留 slot 或 props 接口，避免后期手动重写结构。
