From 6b988bd582bfcd17fee48c476a5a6e5cc172b0d5 Mon Sep 17 00:00:00 2001
From: baoshiwei <baoshiwei@shlanbao.cn>
Date: 星期三, 12 三月 2025 10:08:33 +0800
Subject: [PATCH] dev-2
---
src/bpmn/assets/style/index.scss | 284 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 284 insertions(+), 0 deletions(-)
diff --git a/src/bpmn/assets/style/index.scss b/src/bpmn/assets/style/index.scss
new file mode 100644
index 0000000..3c92792
--- /dev/null
+++ b/src/bpmn/assets/style/index.scss
@@ -0,0 +1,284 @@
+.djs-palette {
+ width: 300px;
+
+ .bpmn-icon-hand-tool:hover {
+ &:after {
+ content: '鍚姩鎵嬪姩宸ュ叿';
+ position: absolute;
+ left: 45px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-lasso-tool:hover {
+ &:after {
+ content: '鍚姩濂楃储宸ュ叿';
+ position: absolute;
+ left: 100px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-space-tool:hover {
+ &:after {
+ content: '鍚姩鍒涘缓/鍒犻櫎绌洪棿宸ュ叿';
+ position: absolute;
+ left: 45px;
+ width: 170px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-connection-multi:hover {
+ &:after {
+ content: '鍚姩鍏ㄥ眬杩炴帴宸ュ叿';
+ position: absolute;
+ left: 100px;
+ width: 140px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-start-event-none:hover {
+ &:after {
+ content: '鍒涘缓寮�濮嬩簨浠�';
+ position: absolute;
+ left: 45px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-intermediate-event-none:hover {
+ &:after {
+ content: '鍒涘缓涓棿/杈圭晫浜嬩欢';
+ position: absolute;
+ left: 100px;
+ width: 140px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-end-event-none:hover {
+ &:after {
+ content: '鍒涘缓缁撴潫浜嬩欢';
+ position: absolute;
+ left: 45px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-gateway-none:hover {
+ &:after {
+ content: '鍒涘缓缃戝叧';
+ position: absolute;
+ left: 100px;
+ width: 90px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-gateway-parallel:hover {
+ &:after {
+ content: '鍒涘缓骞惰缃戝叧';
+ position: absolute;
+ left: 45px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-gateway-eventbased:hover {
+ &:after {
+ content: '鍒涘缓浜嬩欢缃戝叧';
+ position: absolute;
+ left: 100px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-task:hover {
+ &:after {
+ content: '鍒涘缓浠诲姟';
+ position: absolute;
+ left: 45px;
+ width: 80px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-subprocess-expanded:hover {
+ &:after {
+ content: '鍒涘缓鍙姌鍙犲瓙娴佺▼';
+ position: absolute;
+ left: 100px;
+ width: 140px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-user-task:hover {
+ &:after {
+ content: '鍒涘缓鐢ㄦ埛浠诲姟';
+ position: absolute;
+ left: 45px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+
+ .task-multi-instance:hover {
+ &:after {
+ content: '鍒涘缓澶氬疄渚嬬敤鎴蜂换鍔�';
+ position: absolute;
+ left: 100px;
+ width: 160px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-participant:hover {
+ &:after {
+ content: '鍒涘缓娉虫睜/娉抽亾';
+ position: absolute;
+ left: 45px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ .bpmn-icon-data-object {
+ display: none;
+ &:hover {
+ &:after {
+ content: '鍒涘缓鏁版嵁瀵硅薄';
+ position: absolute;
+ left: 45px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ }
+ .bpmn-icon-data-store {
+ display: none;
+ &:hover {
+ &:after {
+ content: '鍒涘缓鏁版嵁瀛樺偍';
+ position: absolute;
+ left: 100px;
+ width: 120px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ }
+ .bpmn-icon-group {
+ display: none;
+ &:hover {
+ &:after {
+ content: '鍒涘缓鍒嗙粍';
+ position: absolute;
+ left: 100px;
+ width: 100px;
+ font-size: 15px;
+ font-weight: bold;
+ color: #3a84de;
+ border-radius: 2px;
+ border: 1px solid #cccccc;
+ background-color: #fafafa;
+ opacity: 0.8;
+ }
+ }
+ }
+}
--
Gitblit v1.9.3