2020-11-30 14:50:04 +08:00
|
|
|
|
---
|
|
|
|
|
|
title: 状态样式
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2020-11-30 16:53:04 +08:00
|
|
|
|
除了给默认状态设置样式外，还支持几个特定状态的样式设置比如：hover（鼠标悬停）、active（当前选中）或者 disabled（当前不可用）。
|
2020-11-30 14:50:04 +08:00
|
|
|
|
|
2020-11-30 16:53:04 +08:00
|
|
|
|
```schema:height="100" scope="body"
|
|
|
|
|
|
{
|
|
|
|
|
|
"type": "button",
|
|
|
|
|
|
"label": "按钮",
|
2020-11-30 21:33:12 +08:00
|
|
|
|
"className": "rounded-xl text-light bg-pink-400 border-pink-600 hover:bg-pink-500 hover:border-pink-800 active:bg-pink-600 active:border-pink-900",
|
2020-11-30 16:53:04 +08:00
|
|
|
|
"actionType": "dialog",
|
|
|
|
|
|
"dialog": {
|
|
|
|
|
|
"title": "弹框",
|
|
|
|
|
|
"body": "Hello World!"
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2020-11-30 14:50:04 +08:00
|
|
|
|
```
|
