235 lines
5.7 KiB
JSON
235 lines
5.7 KiB
JSON
|
{
|
||
|
|
"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 表单样式"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|