chore: button组件样式选择支持可视化选择类型 (#7858)

* chore: button组件样式选择支持可视化选择类型

* 修改命名空间

---------

Co-authored-by: qinhaoyan <30946345+qinhaoyan@users.noreply.github.com>
This commit is contained in:
qkiroc 2023-08-23 08:47:56 +08:00 committed by GitHub
parent f905ad23b3
commit 063a5e64c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 0 deletions

View File

@ -0,0 +1,5 @@
.ae-ButtonLevel-MenuTpl {
height: 40px;
display: flex;
align-items: center;
}

View File

@ -52,6 +52,9 @@
@import './style-control/style-common'; @import './style-control/style-common';
@import './style-control/theme-css-code'; @import './style-control/theme-css-code';
/* 组件样式 */
@import './components/button';
@keyframes growing { @keyframes growing {
0% { 0% {
box-shadow: 0 0 10px rgba(#23b7e5, 0) inset; box-shadow: 0 0 10px rgba(#23b7e5, 0) inset;

View File

@ -1071,6 +1071,8 @@ setSchemaTpl('buttonLevel', {
label: '按钮样式', label: '按钮样式',
type: 'select', type: 'select',
name: 'level', name: 'level',
menuTpl:
'<div class="ae-ButtonLevel-MenuTpl"><button type="button" class="cxd-Button cxd-Button--${value} cxd-Button--size-sm cxd-Button--block">${label}</button></div>',
options: [ options: [
{ {
label: '默认', label: '默认',