{ "version": 1.1, "properties": [ { "name": "nine-slice", "description": "九宫格边框类 - 支持基础到高级功能", "references": [ { "name": "MDN Reference", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-image" } ] }, { "name": "nine-slice-no-fill", "description": "九宫格边框类 - 不填充中心区域" }, { "name": "nine-slice-animated", "description": "九宫格边框类 - 支持动画过渡" }, { "name": "dashboard-container", "description": "大屏布局容器 - 全屏深色背景" }, { "name": "dashboard-grid", "description": "大屏网格布局" }, { "name": "dashboard-grid-2x2", "description": "2x2 大屏网格布局" }, { "name": "dashboard-grid-3x3", "description": "3x3 大屏网格布局" }, { "name": "dashboard-grid-4x4", "description": "4x4 大屏网格布局" }, { "name": "dashboard-card", "description": "大屏卡片容器 - 半透明背景" }, { "name": "dashboard-card-highlight", "description": "高亮大屏卡片 - 蓝色边框" }, { "name": "dashboard-card-warning", "description": "警告大屏卡片 - 橙色边框" }, { "name": "dashboard-card-danger", "description": "危险大屏卡片 - 红色边框" }, { "name": "dashboard-title", "description": "大屏标题样式 - 大号白色文字" }, { "name": "dashboard-subtitle", "description": "大屏副标题样式 - 中号浅色文字" }, { "name": "dashboard-metric-title", "description": "指标标题样式 - 小号灰色文字" }, { "name": "dashboard-metric-large", "description": "大号数值显示 - 6xl 字体" }, { "name": "dashboard-metric-medium", "description": "中号数值显示 - 5xl 字体" }, { "name": "dashboard-metric-small", "description": "小号数值显示 - 3xl 字体" }, { "name": "dashboard-metric-trend-up", "description": "上升趋势指标 - 绿色文字" }, { "name": "dashboard-metric-trend-down", "description": "下降趋势指标 - 红色文字" }, { "name": "chart-container", "description": "图表容器 - 中等尺寸" }, { "name": "chart-container-large", "description": "大尺寸图表容器" }, { "name": "chart-container-small", "description": "小尺寸图表容器" }, { "name": "dashboard-progress", "description": "进度条容器" }, { "name": "dashboard-progress-bar", "description": "进度条 - 蓝色渐变" }, { "name": "dashboard-progress-bar-success", "description": "进度条 - 绿色渐变" }, { "name": "dashboard-progress-bar-warning", "description": "进度条 - 橙色渐变" }, { "name": "dashboard-progress-bar-danger", "description": "进度条 - 红色渐变" }, { "name": "status-indicator", "description": "状态指示器容器" }, { "name": "status-online", "description": "在线状态 - 绿色" }, { "name": "status-offline", "description": "离线状态 - 红色" }, { "name": "status-warning", "description": "警告状态 - 橙色" }, { "name": "status-dot", "description": "状态点 - 基础样式" }, { "name": "status-dot-online", "description": "在线状态点 - 绿色脉冲动画" }, { "name": "status-dot-offline", "description": "离线状态点 - 红色" }, { "name": "status-dot-warning", "description": "警告状态点 - 橙色" }, { "name": "dashboard-fade-in", "description": "淡入动画" }, { "name": "dashboard-slide-up", "description": "从下往上滑入动画" }, { "name": "dashboard-scale-in", "description": "缩放进入动画" }, { "name": "animate-fade-in", "description": "淡入动画 - 自定义关键帧" }, { "name": "animate-slide-up", "description": "滑入动画 - 自定义关键帧" }, { "name": "animate-scale-in", "description": "缩放动画 - 自定义关键帧" }, { "name": "dashboard-table", "description": "大屏数据表格样式" }, { "name": "dashboard-scrollbar", "description": "自定义滚动条样式" }, { "name": "dashboard-fullscreen", "description": "全屏模式样式" }, { "name": "dashboard-split-horizontal", "description": "水平分屏布局" }, { "name": "dashboard-split-vertical", "description": "垂直分屏布局" }, { "name": "dashboard-align-top", "description": "顶部对齐" }, { "name": "dashboard-align-bottom", "description": "底部对齐" }, { "name": "dashboard-align-left", "description": "左侧对齐" }, { "name": "dashboard-align-right", "description": "右侧对齐" }, { "name": "bg-flex-center", "description": "背景图居中覆盖 - 支持自定义padding控制" }, { "name": "crud-container", "description": "CRUD 容器样式" }, { "name": "crud-header", "description": "CRUD 头部样式" }, { "name": "crud-table", "description": "CRUD 表格样式" }, { "name": "crud-form", "description": "CRUD 表单样式" } ] }