命令条上下分布

效果自动可以根据移动端做成上下分布

感谢逛逛逛大佬的支持~
如果要拉伸按钮充满宽度的话，可以使用下方的css。文字居中可以参考楼上大佬提供的css哈

.processpanel-vertical>div {
    flex-direction: column;
}

.processpanel-vertical .fgc-bpm-panel-actionbutton {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 0px !important;
    width: 80vw;
    text-align: center;
}

djs521720 发表于 2023-10-12 15:25
请教下text-align: justify; 在这种情况下，干嘛不生效的

据说两端对齐对最后一行无效。每个按钮中只有一行，可能是这个原因吧。

逛逛逛 发表于 2023-10-12 15:16
接着加

text-align: center;

  请教下text-align: justify; 在这种情况下，干嘛不生效的

djs521720 发表于 2023-10-12 15:10
请教下，这样拉宽后字体是靠左不是居中了，怎样调整比较合理

接着加

text-align: center;

逛逛逛 发表于 2023-10-12 14:22
.processpanel-vertical>div {
    flex-direction: column;
    width: 100% !important;   

请教下，这样拉宽后字体是靠左不是居中了，怎样调整比较合理

好的，这边儿研究一下看看有什么css可以实现不

Lay.Li 发表于 2023-10-12 11:02
您好，我这边儿测试是可以的，您那边儿不行吗，不行的话可以上传一下您的工程文件看看哈

应该说不能根据移动端页面宽度，自动拉宽按钮

您好，我这边儿测试是可以的，您那边儿不行吗，不行的话可以上传一下您的工程文件看看哈

Lay.Li 发表于 2023-10-12 10:17
问题跟进

您好，目前流程命令条还不支持上下分布显示哈，不过您可以试试添加下方css来实现

这实现不了

问题跟进

您好，目前流程命令条还不支持上下分布显示哈，不过您可以试试添加下方css来实现
1.添加全局css样式

.processpanel-vertical>div {
    flex-direction: column;
}
.processpanel-vertical .fgc-bpm-panel-actionbutton {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 0px !important;
}

2.设置需要上下分布的流程命令条 CSS 类名为 processpanel-vertical