骨架屏 展示/交互
组件 ID: skeleton
这是一个标准的 SunForm 展示/交互组件,支持可视化配置与低代码生成。
JSON 配置示例
直接复制以下 JSON 到配置文件中即可使用。
{
"type": "skeleton",
"props": {
"width": "100%",
"height": "40",
"color": "#e4e4e4",
"darkColor": "#323232",
"round": "3",
"duration": "900ms",
"remark": "",
"hide": false,
"style": "{",
"margin": "3px 0",
"onCreated": null,
"onMounted": null
}
}
属性配置 (Props)
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
width |
string | 100% | 宽度 |
height |
string | 40 | 高度 |
color |
string | #e4e4e4 | 组件主色调 |
darkColor |
string | #323232 | 颜色值 |
round |
string | 3 | 暂无描述 |
duration |
string | 900ms | 暂无描述 |
remark |
string | - | 组件备注/说明 |
hide |
boolean | false | 是否隐藏该组件 |
style |
object | { | 自定义内联样式 CSS |
margin |
string | 3px 0 | 暂无描述 |
onCreated |
any | null | 组件创建时触发的事件 |
onMounted |
any | null | 组件挂载后触发的事件 |