admin/lx-admin-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: 流程预览 进行中动画效果

Browse Source
This commit is contained in:
dap 2024-04-04 14:19:49 +08:00
parent e1b03258e8
commit b117a6f198
1 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/BpmnView/index.vue
View File

@ -338,16 +338,35 @@ defineExpose({
:deep(.highlight.djs-connection > .djs-visual > path) {
stroke: green !important;
}
:deep(.highlight-todo.djs-connection > .djs-visual > path) {
stroke: orange !important;
stroke-dasharray: 4px !important;
fill-opacity: 0.2 !important;
marker-end: url(#sequenceflow-end-_E7DFDF-_E7DFDF-803g1kf6zwzmcig1y2ulm5egr);
// 边框滚动动画
@keyframes path-animation {
from {
stroke-dashoffset: 100%;
}
:deep(.highlight-todo.djs-shape .djs-visual > :nth-child(1)) {
fill: orange !important;
stroke: orange !important;
to {
stroke-dashoffset: 0%;
}
}
:deep(.highlight-todo.djs-connection > .djs-visual > path) {
animation: path-animation 60s;
animation-timing-function: linear;
animation-iteration-count: infinite;
stroke-dasharray: 4px !important;
stroke: orange !important;
fill-opacity: 0.2 !important;
marker-end: url('#sequenceflow-end-_E7DFDF-_E7DFDF-803g1kf6zwzmcig1y2ulm5egr');
}
:deep(.highlight-todo.djs-shape .djs-visual > :nth-child(1)) {
animation: path-animation 60s;
animation-timing-function: linear;
animation-iteration-count: infinite;
stroke-dasharray: 4px !important;
stroke: orange !important;
fill: orange !important;
fill-opacity: 0.2 !important;
}
}