html标签

支持的html元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等,如

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>重启电脑<b>hello,world</b><i>hello,world</i><em>hello,world</em><sup>hello,world</sup><h1>hello,world</h1>

Ctrl + Alt + Del重启电脑
hello,world
hello,world
hello,world
hello,world

hello,world

hello,world

转义

    **文本加粗**\*\* 正常显示星号 \*\*支持的转义字符有:\   反斜线`   反引号*   星号_   下划线{}  花括号[]  方括号()  小括号#   井字号+   加号-   减号.   英文句点!   感叹号

文本加粗
** 正常显示星号**
\
`
*
_
{}
[]
()
#
+
-
.
!

公式

$$
\begin{Bmatrix}a & b \\c & d
\end{Bmatrix}
$$
$$
\begin{CD}A @>a>> B \\
@VbVV @AAcA \\C @= D
\end{CD}
$$

f(x)=sin(x)+12f(x) = sin(x)+12f(x)=sin(x)+12

{abcd}\begin{Bmatrix} a & b \\ c & d \end{Bmatrix} {ac​bd​}
$$
\begin{CD}
A @>a>> B \
@VbVV @AAcA \
C @= D
\end{CD}

1、横向流程图源码格式:

graph LR
A[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[结果1]C -->|a=2| E[结果2]F[横向流程图]
#mermaid-svg-nVSqyLVfNb0HJq6e .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .label text{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .node rect,#mermaid-svg-nVSqyLVfNb0HJq6e .node circle,#mermaid-svg-nVSqyLVfNb0HJq6e .node ellipse,#mermaid-svg-nVSqyLVfNb0HJq6e .node polygon,#mermaid-svg-nVSqyLVfNb0HJq6e .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-nVSqyLVfNb0HJq6e .node .label{text-align:center;fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .node.clickable{cursor:pointer}#mermaid-svg-nVSqyLVfNb0HJq6e .arrowheadPath{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-nVSqyLVfNb0HJq6e .flowchart-link{stroke:#333;fill:none}#mermaid-svg-nVSqyLVfNb0HJq6e .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-nVSqyLVfNb0HJq6e .edgeLabel rect{opacity:0.9}#mermaid-svg-nVSqyLVfNb0HJq6e .edgeLabel span{color:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-nVSqyLVfNb0HJq6e .cluster text{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-nVSqyLVfNb0HJq6e .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-nVSqyLVfNb0HJq6e text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-nVSqyLVfNb0HJq6e .actor-line{stroke:grey}#mermaid-svg-nVSqyLVfNb0HJq6e .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-nVSqyLVfNb0HJq6e #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .sequenceNumber{fill:#fff}#mermaid-svg-nVSqyLVfNb0HJq6e #sequencenumber{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e #crosshead path{fill:#333;stroke:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .messageText{fill:#333;stroke:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-nVSqyLVfNb0HJq6e .labelText,#mermaid-svg-nVSqyLVfNb0HJq6e .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-nVSqyLVfNb0HJq6e .loopText,#mermaid-svg-nVSqyLVfNb0HJq6e .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-nVSqyLVfNb0HJq6e .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-nVSqyLVfNb0HJq6e .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-nVSqyLVfNb0HJq6e .noteText,#mermaid-svg-nVSqyLVfNb0HJq6e .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-nVSqyLVfNb0HJq6e .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-nVSqyLVfNb0HJq6e .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-nVSqyLVfNb0HJq6e .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-nVSqyLVfNb0HJq6e .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e .section{stroke:none;opacity:0.2}#mermaid-svg-nVSqyLVfNb0HJq6e .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-nVSqyLVfNb0HJq6e .section2{fill:#fff400}#mermaid-svg-nVSqyLVfNb0HJq6e .section1,#mermaid-svg-nVSqyLVfNb0HJq6e .section3{fill:#fff;opacity:0.2}#mermaid-svg-nVSqyLVfNb0HJq6e .sectionTitle0{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .sectionTitle1{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .sectionTitle2{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .sectionTitle3{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-nVSqyLVfNb0HJq6e .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e .grid path{stroke-width:0}#mermaid-svg-nVSqyLVfNb0HJq6e .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-nVSqyLVfNb0HJq6e .task{stroke-width:2}#mermaid-svg-nVSqyLVfNb0HJq6e .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e .taskText:not([font-size]){font-size:11px}#mermaid-svg-nVSqyLVfNb0HJq6e .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-nVSqyLVfNb0HJq6e .task.clickable{cursor:pointer}#mermaid-svg-nVSqyLVfNb0HJq6e .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-nVSqyLVfNb0HJq6e .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-nVSqyLVfNb0HJq6e .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-nVSqyLVfNb0HJq6e .taskText0,#mermaid-svg-nVSqyLVfNb0HJq6e .taskText1,#mermaid-svg-nVSqyLVfNb0HJq6e .taskText2,#mermaid-svg-nVSqyLVfNb0HJq6e .taskText3{fill:#fff}#mermaid-svg-nVSqyLVfNb0HJq6e .task0,#mermaid-svg-nVSqyLVfNb0HJq6e .task1,#mermaid-svg-nVSqyLVfNb0HJq6e .task2,#mermaid-svg-nVSqyLVfNb0HJq6e .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-nVSqyLVfNb0HJq6e .taskTextOutside0,#mermaid-svg-nVSqyLVfNb0HJq6e .taskTextOutside2{fill:#000}#mermaid-svg-nVSqyLVfNb0HJq6e .taskTextOutside1,#mermaid-svg-nVSqyLVfNb0HJq6e .taskTextOutside3{fill:#000}#mermaid-svg-nVSqyLVfNb0HJq6e .active0,#mermaid-svg-nVSqyLVfNb0HJq6e .active1,#mermaid-svg-nVSqyLVfNb0HJq6e .active2,#mermaid-svg-nVSqyLVfNb0HJq6e .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-nVSqyLVfNb0HJq6e .activeText0,#mermaid-svg-nVSqyLVfNb0HJq6e .activeText1,#mermaid-svg-nVSqyLVfNb0HJq6e .activeText2,#mermaid-svg-nVSqyLVfNb0HJq6e .activeText3{fill:#000 !important}#mermaid-svg-nVSqyLVfNb0HJq6e .done0,#mermaid-svg-nVSqyLVfNb0HJq6e .done1,#mermaid-svg-nVSqyLVfNb0HJq6e .done2,#mermaid-svg-nVSqyLVfNb0HJq6e .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-nVSqyLVfNb0HJq6e .doneText0,#mermaid-svg-nVSqyLVfNb0HJq6e .doneText1,#mermaid-svg-nVSqyLVfNb0HJq6e .doneText2,#mermaid-svg-nVSqyLVfNb0HJq6e .doneText3{fill:#000 !important}#mermaid-svg-nVSqyLVfNb0HJq6e .crit0,#mermaid-svg-nVSqyLVfNb0HJq6e .crit1,#mermaid-svg-nVSqyLVfNb0HJq6e .crit2,#mermaid-svg-nVSqyLVfNb0HJq6e .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-nVSqyLVfNb0HJq6e .activeCrit0,#mermaid-svg-nVSqyLVfNb0HJq6e .activeCrit1,#mermaid-svg-nVSqyLVfNb0HJq6e .activeCrit2,#mermaid-svg-nVSqyLVfNb0HJq6e .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-nVSqyLVfNb0HJq6e .doneCrit0,#mermaid-svg-nVSqyLVfNb0HJq6e .doneCrit1,#mermaid-svg-nVSqyLVfNb0HJq6e .doneCrit2,#mermaid-svg-nVSqyLVfNb0HJq6e .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-nVSqyLVfNb0HJq6e .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-nVSqyLVfNb0HJq6e .milestoneText{font-style:italic}#mermaid-svg-nVSqyLVfNb0HJq6e .doneCritText0,#mermaid-svg-nVSqyLVfNb0HJq6e .doneCritText1,#mermaid-svg-nVSqyLVfNb0HJq6e .doneCritText2,#mermaid-svg-nVSqyLVfNb0HJq6e .doneCritText3{fill:#000 !important}#mermaid-svg-nVSqyLVfNb0HJq6e .activeCritText0,#mermaid-svg-nVSqyLVfNb0HJq6e .activeCritText1,#mermaid-svg-nVSqyLVfNb0HJq6e .activeCritText2,#mermaid-svg-nVSqyLVfNb0HJq6e .activeCritText3{fill:#000 !important}#mermaid-svg-nVSqyLVfNb0HJq6e .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-nVSqyLVfNb0HJq6e g.classGroup text .title{font-weight:bolder}#mermaid-svg-nVSqyLVfNb0HJq6e g.clickable{cursor:pointer}#mermaid-svg-nVSqyLVfNb0HJq6e g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-nVSqyLVfNb0HJq6e g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-nVSqyLVfNb0HJq6e .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-nVSqyLVfNb0HJq6e .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-nVSqyLVfNb0HJq6e .dashed-line{stroke-dasharray:3}#mermaid-svg-nVSqyLVfNb0HJq6e #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e .commit-id,#mermaid-svg-nVSqyLVfNb0HJq6e .commit-msg,#mermaid-svg-nVSqyLVfNb0HJq6e .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-nVSqyLVfNb0HJq6e g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-nVSqyLVfNb0HJq6e g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-nVSqyLVfNb0HJq6e g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-nVSqyLVfNb0HJq6e .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-nVSqyLVfNb0HJq6e .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-nVSqyLVfNb0HJq6e .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-nVSqyLVfNb0HJq6e .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-nVSqyLVfNb0HJq6e .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-nVSqyLVfNb0HJq6e .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-nVSqyLVfNb0HJq6e .edgeLabel text{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-nVSqyLVfNb0HJq6e .node circle.state-start{fill:black;stroke:black}#mermaid-svg-nVSqyLVfNb0HJq6e .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-nVSqyLVfNb0HJq6e #statediagram-barbEnd{fill:#9370db}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-state .divider{stroke:#9370db}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-nVSqyLVfNb0HJq6e .note-edge{stroke-dasharray:5}#mermaid-svg-nVSqyLVfNb0HJq6e .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-nVSqyLVfNb0HJq6e .error-icon{fill:#522}#mermaid-svg-nVSqyLVfNb0HJq6e .error-text{fill:#522;stroke:#522}#mermaid-svg-nVSqyLVfNb0HJq6e .edge-thickness-normal{stroke-width:2px}#mermaid-svg-nVSqyLVfNb0HJq6e .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-nVSqyLVfNb0HJq6e .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-nVSqyLVfNb0HJq6e .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-nVSqyLVfNb0HJq6e .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-nVSqyLVfNb0HJq6e .marker{fill:#333}#mermaid-svg-nVSqyLVfNb0HJq6e .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-nVSqyLVfNb0HJq6e {color: rgba(0, 0, 0, 0.75);font: ;}

a=1
a=2
方形
圆角
条件a
结果1
结果2
横向流程图

2、竖向流程图源码格式:

graph TD
A[方形] --> B(圆角)B --> C{条件a}C --> |a=1| D[结果1]C --> |a=2| E[结果2]F[竖向流程图]
#mermaid-svg-6NkoAhRGiSgi9Lgv .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .label text{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .node rect,#mermaid-svg-6NkoAhRGiSgi9Lgv .node circle,#mermaid-svg-6NkoAhRGiSgi9Lgv .node ellipse,#mermaid-svg-6NkoAhRGiSgi9Lgv .node polygon,#mermaid-svg-6NkoAhRGiSgi9Lgv .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-6NkoAhRGiSgi9Lgv .node .label{text-align:center;fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .node.clickable{cursor:pointer}#mermaid-svg-6NkoAhRGiSgi9Lgv .arrowheadPath{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-6NkoAhRGiSgi9Lgv .flowchart-link{stroke:#333;fill:none}#mermaid-svg-6NkoAhRGiSgi9Lgv .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-6NkoAhRGiSgi9Lgv .edgeLabel rect{opacity:0.9}#mermaid-svg-6NkoAhRGiSgi9Lgv .edgeLabel span{color:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-6NkoAhRGiSgi9Lgv .cluster text{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-6NkoAhRGiSgi9Lgv .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-6NkoAhRGiSgi9Lgv text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-6NkoAhRGiSgi9Lgv .actor-line{stroke:grey}#mermaid-svg-6NkoAhRGiSgi9Lgv .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .sequenceNumber{fill:#fff}#mermaid-svg-6NkoAhRGiSgi9Lgv #sequencenumber{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv #crosshead path{fill:#333;stroke:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .messageText{fill:#333;stroke:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-6NkoAhRGiSgi9Lgv .labelText,#mermaid-svg-6NkoAhRGiSgi9Lgv .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-6NkoAhRGiSgi9Lgv .loopText,#mermaid-svg-6NkoAhRGiSgi9Lgv .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-6NkoAhRGiSgi9Lgv .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-6NkoAhRGiSgi9Lgv .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-6NkoAhRGiSgi9Lgv .noteText,#mermaid-svg-6NkoAhRGiSgi9Lgv .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-6NkoAhRGiSgi9Lgv .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-6NkoAhRGiSgi9Lgv .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-6NkoAhRGiSgi9Lgv .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-6NkoAhRGiSgi9Lgv .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv .section{stroke:none;opacity:0.2}#mermaid-svg-6NkoAhRGiSgi9Lgv .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-6NkoAhRGiSgi9Lgv .section2{fill:#fff400}#mermaid-svg-6NkoAhRGiSgi9Lgv .section1,#mermaid-svg-6NkoAhRGiSgi9Lgv .section3{fill:#fff;opacity:0.2}#mermaid-svg-6NkoAhRGiSgi9Lgv .sectionTitle0{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .sectionTitle1{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .sectionTitle2{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .sectionTitle3{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-6NkoAhRGiSgi9Lgv .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv .grid path{stroke-width:0}#mermaid-svg-6NkoAhRGiSgi9Lgv .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-6NkoAhRGiSgi9Lgv .task{stroke-width:2}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskText:not([font-size]){font-size:11px}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-6NkoAhRGiSgi9Lgv .task.clickable{cursor:pointer}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskText0,#mermaid-svg-6NkoAhRGiSgi9Lgv .taskText1,#mermaid-svg-6NkoAhRGiSgi9Lgv .taskText2,#mermaid-svg-6NkoAhRGiSgi9Lgv .taskText3{fill:#fff}#mermaid-svg-6NkoAhRGiSgi9Lgv .task0,#mermaid-svg-6NkoAhRGiSgi9Lgv .task1,#mermaid-svg-6NkoAhRGiSgi9Lgv .task2,#mermaid-svg-6NkoAhRGiSgi9Lgv .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskTextOutside0,#mermaid-svg-6NkoAhRGiSgi9Lgv .taskTextOutside2{fill:#000}#mermaid-svg-6NkoAhRGiSgi9Lgv .taskTextOutside1,#mermaid-svg-6NkoAhRGiSgi9Lgv .taskTextOutside3{fill:#000}#mermaid-svg-6NkoAhRGiSgi9Lgv .active0,#mermaid-svg-6NkoAhRGiSgi9Lgv .active1,#mermaid-svg-6NkoAhRGiSgi9Lgv .active2,#mermaid-svg-6NkoAhRGiSgi9Lgv .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-6NkoAhRGiSgi9Lgv .activeText0,#mermaid-svg-6NkoAhRGiSgi9Lgv .activeText1,#mermaid-svg-6NkoAhRGiSgi9Lgv .activeText2,#mermaid-svg-6NkoAhRGiSgi9Lgv .activeText3{fill:#000 !important}#mermaid-svg-6NkoAhRGiSgi9Lgv .done0,#mermaid-svg-6NkoAhRGiSgi9Lgv .done1,#mermaid-svg-6NkoAhRGiSgi9Lgv .done2,#mermaid-svg-6NkoAhRGiSgi9Lgv .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-6NkoAhRGiSgi9Lgv .doneText0,#mermaid-svg-6NkoAhRGiSgi9Lgv .doneText1,#mermaid-svg-6NkoAhRGiSgi9Lgv .doneText2,#mermaid-svg-6NkoAhRGiSgi9Lgv .doneText3{fill:#000 !important}#mermaid-svg-6NkoAhRGiSgi9Lgv .crit0,#mermaid-svg-6NkoAhRGiSgi9Lgv .crit1,#mermaid-svg-6NkoAhRGiSgi9Lgv .crit2,#mermaid-svg-6NkoAhRGiSgi9Lgv .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-6NkoAhRGiSgi9Lgv .activeCrit0,#mermaid-svg-6NkoAhRGiSgi9Lgv .activeCrit1,#mermaid-svg-6NkoAhRGiSgi9Lgv .activeCrit2,#mermaid-svg-6NkoAhRGiSgi9Lgv .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-6NkoAhRGiSgi9Lgv .doneCrit0,#mermaid-svg-6NkoAhRGiSgi9Lgv .doneCrit1,#mermaid-svg-6NkoAhRGiSgi9Lgv .doneCrit2,#mermaid-svg-6NkoAhRGiSgi9Lgv .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-6NkoAhRGiSgi9Lgv .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-6NkoAhRGiSgi9Lgv .milestoneText{font-style:italic}#mermaid-svg-6NkoAhRGiSgi9Lgv .doneCritText0,#mermaid-svg-6NkoAhRGiSgi9Lgv .doneCritText1,#mermaid-svg-6NkoAhRGiSgi9Lgv .doneCritText2,#mermaid-svg-6NkoAhRGiSgi9Lgv .doneCritText3{fill:#000 !important}#mermaid-svg-6NkoAhRGiSgi9Lgv .activeCritText0,#mermaid-svg-6NkoAhRGiSgi9Lgv .activeCritText1,#mermaid-svg-6NkoAhRGiSgi9Lgv .activeCritText2,#mermaid-svg-6NkoAhRGiSgi9Lgv .activeCritText3{fill:#000 !important}#mermaid-svg-6NkoAhRGiSgi9Lgv .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-6NkoAhRGiSgi9Lgv g.classGroup text .title{font-weight:bolder}#mermaid-svg-6NkoAhRGiSgi9Lgv g.clickable{cursor:pointer}#mermaid-svg-6NkoAhRGiSgi9Lgv g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-6NkoAhRGiSgi9Lgv g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-6NkoAhRGiSgi9Lgv .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-6NkoAhRGiSgi9Lgv .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-6NkoAhRGiSgi9Lgv .dashed-line{stroke-dasharray:3}#mermaid-svg-6NkoAhRGiSgi9Lgv #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv .commit-id,#mermaid-svg-6NkoAhRGiSgi9Lgv .commit-msg,#mermaid-svg-6NkoAhRGiSgi9Lgv .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-6NkoAhRGiSgi9Lgv g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-6NkoAhRGiSgi9Lgv g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-6NkoAhRGiSgi9Lgv g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-6NkoAhRGiSgi9Lgv .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-6NkoAhRGiSgi9Lgv .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-6NkoAhRGiSgi9Lgv .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-6NkoAhRGiSgi9Lgv .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-6NkoAhRGiSgi9Lgv .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-6NkoAhRGiSgi9Lgv .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-6NkoAhRGiSgi9Lgv .edgeLabel text{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6NkoAhRGiSgi9Lgv .node circle.state-start{fill:black;stroke:black}#mermaid-svg-6NkoAhRGiSgi9Lgv .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-6NkoAhRGiSgi9Lgv #statediagram-barbEnd{fill:#9370db}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-state .divider{stroke:#9370db}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-6NkoAhRGiSgi9Lgv .note-edge{stroke-dasharray:5}#mermaid-svg-6NkoAhRGiSgi9Lgv .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-6NkoAhRGiSgi9Lgv .error-icon{fill:#522}#mermaid-svg-6NkoAhRGiSgi9Lgv .error-text{fill:#522;stroke:#522}#mermaid-svg-6NkoAhRGiSgi9Lgv .edge-thickness-normal{stroke-width:2px}#mermaid-svg-6NkoAhRGiSgi9Lgv .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-6NkoAhRGiSgi9Lgv .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-6NkoAhRGiSgi9Lgv .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-6NkoAhRGiSgi9Lgv .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-6NkoAhRGiSgi9Lgv .marker{fill:#333}#mermaid-svg-6NkoAhRGiSgi9Lgv .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-6NkoAhRGiSgi9Lgv {color: rgba(0, 0, 0, 0.75);font: ;}

a=1
a=2
方形
圆角
条件a
结果1
结果2
竖向流程图

3、标准流程图源码格式:

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
Created with Raphaël 2.3.0开始框处理框判断框(是或否?)输入输出框结束框子流程yesno

4、标准流程图源码格式(横向):

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
Created with Raphaël 2.3.0开始框处理框判断框(是或否?)输入输出框结束框子流程yesno

5、UML时序图源码样例:

对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?
#mermaid-svg-FcXTy5yq5z8EhDEs .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .label text{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .node rect,#mermaid-svg-FcXTy5yq5z8EhDEs .node circle,#mermaid-svg-FcXTy5yq5z8EhDEs .node ellipse,#mermaid-svg-FcXTy5yq5z8EhDEs .node polygon,#mermaid-svg-FcXTy5yq5z8EhDEs .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-FcXTy5yq5z8EhDEs .node .label{text-align:center;fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .node.clickable{cursor:pointer}#mermaid-svg-FcXTy5yq5z8EhDEs .arrowheadPath{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-FcXTy5yq5z8EhDEs .flowchart-link{stroke:#333;fill:none}#mermaid-svg-FcXTy5yq5z8EhDEs .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-FcXTy5yq5z8EhDEs .edgeLabel rect{opacity:0.9}#mermaid-svg-FcXTy5yq5z8EhDEs .edgeLabel span{color:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-FcXTy5yq5z8EhDEs .cluster text{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-FcXTy5yq5z8EhDEs .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-FcXTy5yq5z8EhDEs text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-FcXTy5yq5z8EhDEs .actor-line{stroke:grey}#mermaid-svg-FcXTy5yq5z8EhDEs .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-FcXTy5yq5z8EhDEs #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .sequenceNumber{fill:#fff}#mermaid-svg-FcXTy5yq5z8EhDEs #sequencenumber{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs #crosshead path{fill:#333;stroke:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .messageText{fill:#333;stroke:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-FcXTy5yq5z8EhDEs .labelText,#mermaid-svg-FcXTy5yq5z8EhDEs .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-FcXTy5yq5z8EhDEs .loopText,#mermaid-svg-FcXTy5yq5z8EhDEs .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-FcXTy5yq5z8EhDEs .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-FcXTy5yq5z8EhDEs .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-FcXTy5yq5z8EhDEs .noteText,#mermaid-svg-FcXTy5yq5z8EhDEs .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-FcXTy5yq5z8EhDEs .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-FcXTy5yq5z8EhDEs .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-FcXTy5yq5z8EhDEs .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-FcXTy5yq5z8EhDEs .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs .section{stroke:none;opacity:0.2}#mermaid-svg-FcXTy5yq5z8EhDEs .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-FcXTy5yq5z8EhDEs .section2{fill:#fff400}#mermaid-svg-FcXTy5yq5z8EhDEs .section1,#mermaid-svg-FcXTy5yq5z8EhDEs .section3{fill:#fff;opacity:0.2}#mermaid-svg-FcXTy5yq5z8EhDEs .sectionTitle0{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .sectionTitle1{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .sectionTitle2{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .sectionTitle3{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-FcXTy5yq5z8EhDEs .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs .grid path{stroke-width:0}#mermaid-svg-FcXTy5yq5z8EhDEs .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-FcXTy5yq5z8EhDEs .task{stroke-width:2}#mermaid-svg-FcXTy5yq5z8EhDEs .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs .taskText:not([font-size]){font-size:11px}#mermaid-svg-FcXTy5yq5z8EhDEs .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-FcXTy5yq5z8EhDEs .task.clickable{cursor:pointer}#mermaid-svg-FcXTy5yq5z8EhDEs .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-FcXTy5yq5z8EhDEs .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-FcXTy5yq5z8EhDEs .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-FcXTy5yq5z8EhDEs .taskText0,#mermaid-svg-FcXTy5yq5z8EhDEs .taskText1,#mermaid-svg-FcXTy5yq5z8EhDEs .taskText2,#mermaid-svg-FcXTy5yq5z8EhDEs .taskText3{fill:#fff}#mermaid-svg-FcXTy5yq5z8EhDEs .task0,#mermaid-svg-FcXTy5yq5z8EhDEs .task1,#mermaid-svg-FcXTy5yq5z8EhDEs .task2,#mermaid-svg-FcXTy5yq5z8EhDEs .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-FcXTy5yq5z8EhDEs .taskTextOutside0,#mermaid-svg-FcXTy5yq5z8EhDEs .taskTextOutside2{fill:#000}#mermaid-svg-FcXTy5yq5z8EhDEs .taskTextOutside1,#mermaid-svg-FcXTy5yq5z8EhDEs .taskTextOutside3{fill:#000}#mermaid-svg-FcXTy5yq5z8EhDEs .active0,#mermaid-svg-FcXTy5yq5z8EhDEs .active1,#mermaid-svg-FcXTy5yq5z8EhDEs .active2,#mermaid-svg-FcXTy5yq5z8EhDEs .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-FcXTy5yq5z8EhDEs .activeText0,#mermaid-svg-FcXTy5yq5z8EhDEs .activeText1,#mermaid-svg-FcXTy5yq5z8EhDEs .activeText2,#mermaid-svg-FcXTy5yq5z8EhDEs .activeText3{fill:#000 !important}#mermaid-svg-FcXTy5yq5z8EhDEs .done0,#mermaid-svg-FcXTy5yq5z8EhDEs .done1,#mermaid-svg-FcXTy5yq5z8EhDEs .done2,#mermaid-svg-FcXTy5yq5z8EhDEs .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-FcXTy5yq5z8EhDEs .doneText0,#mermaid-svg-FcXTy5yq5z8EhDEs .doneText1,#mermaid-svg-FcXTy5yq5z8EhDEs .doneText2,#mermaid-svg-FcXTy5yq5z8EhDEs .doneText3{fill:#000 !important}#mermaid-svg-FcXTy5yq5z8EhDEs .crit0,#mermaid-svg-FcXTy5yq5z8EhDEs .crit1,#mermaid-svg-FcXTy5yq5z8EhDEs .crit2,#mermaid-svg-FcXTy5yq5z8EhDEs .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-FcXTy5yq5z8EhDEs .activeCrit0,#mermaid-svg-FcXTy5yq5z8EhDEs .activeCrit1,#mermaid-svg-FcXTy5yq5z8EhDEs .activeCrit2,#mermaid-svg-FcXTy5yq5z8EhDEs .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-FcXTy5yq5z8EhDEs .doneCrit0,#mermaid-svg-FcXTy5yq5z8EhDEs .doneCrit1,#mermaid-svg-FcXTy5yq5z8EhDEs .doneCrit2,#mermaid-svg-FcXTy5yq5z8EhDEs .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-FcXTy5yq5z8EhDEs .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-FcXTy5yq5z8EhDEs .milestoneText{font-style:italic}#mermaid-svg-FcXTy5yq5z8EhDEs .doneCritText0,#mermaid-svg-FcXTy5yq5z8EhDEs .doneCritText1,#mermaid-svg-FcXTy5yq5z8EhDEs .doneCritText2,#mermaid-svg-FcXTy5yq5z8EhDEs .doneCritText3{fill:#000 !important}#mermaid-svg-FcXTy5yq5z8EhDEs .activeCritText0,#mermaid-svg-FcXTy5yq5z8EhDEs .activeCritText1,#mermaid-svg-FcXTy5yq5z8EhDEs .activeCritText2,#mermaid-svg-FcXTy5yq5z8EhDEs .activeCritText3{fill:#000 !important}#mermaid-svg-FcXTy5yq5z8EhDEs .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-FcXTy5yq5z8EhDEs g.classGroup text .title{font-weight:bolder}#mermaid-svg-FcXTy5yq5z8EhDEs g.clickable{cursor:pointer}#mermaid-svg-FcXTy5yq5z8EhDEs g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-FcXTy5yq5z8EhDEs g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-FcXTy5yq5z8EhDEs .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-FcXTy5yq5z8EhDEs .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-FcXTy5yq5z8EhDEs .dashed-line{stroke-dasharray:3}#mermaid-svg-FcXTy5yq5z8EhDEs #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs .commit-id,#mermaid-svg-FcXTy5yq5z8EhDEs .commit-msg,#mermaid-svg-FcXTy5yq5z8EhDEs .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-FcXTy5yq5z8EhDEs g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-FcXTy5yq5z8EhDEs g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-FcXTy5yq5z8EhDEs g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-FcXTy5yq5z8EhDEs .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-FcXTy5yq5z8EhDEs .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-FcXTy5yq5z8EhDEs .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-FcXTy5yq5z8EhDEs .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-FcXTy5yq5z8EhDEs .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-FcXTy5yq5z8EhDEs .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-FcXTy5yq5z8EhDEs .edgeLabel text{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FcXTy5yq5z8EhDEs .node circle.state-start{fill:black;stroke:black}#mermaid-svg-FcXTy5yq5z8EhDEs .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-FcXTy5yq5z8EhDEs #statediagram-barbEnd{fill:#9370db}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-state .divider{stroke:#9370db}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-FcXTy5yq5z8EhDEs .note-edge{stroke-dasharray:5}#mermaid-svg-FcXTy5yq5z8EhDEs .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-FcXTy5yq5z8EhDEs .error-icon{fill:#522}#mermaid-svg-FcXTy5yq5z8EhDEs .error-text{fill:#522;stroke:#522}#mermaid-svg-FcXTy5yq5z8EhDEs .edge-thickness-normal{stroke-width:2px}#mermaid-svg-FcXTy5yq5z8EhDEs .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-FcXTy5yq5z8EhDEs .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-FcXTy5yq5z8EhDEs .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-FcXTy5yq5z8EhDEs .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-FcXTy5yq5z8EhDEs .marker{fill:#333}#mermaid-svg-FcXTy5yq5z8EhDEs .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-FcXTy5yq5z8EhDEs {color: rgba(0, 0, 0, 0.75);font: ;}对象A对象B对象B你好吗?(请求)对象B的描述对象A的描述(提示)我很好(响应)你真的好吗?对象A对象B标题:复杂使用

6、UML时序图源码复杂样例:

Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
#mermaid-svg-zpbtcew2YY74JAiC .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-zpbtcew2YY74JAiC .label text{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC .node rect,#mermaid-svg-zpbtcew2YY74JAiC .node circle,#mermaid-svg-zpbtcew2YY74JAiC .node ellipse,#mermaid-svg-zpbtcew2YY74JAiC .node polygon,#mermaid-svg-zpbtcew2YY74JAiC .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-zpbtcew2YY74JAiC .node .label{text-align:center;fill:#333}#mermaid-svg-zpbtcew2YY74JAiC .node.clickable{cursor:pointer}#mermaid-svg-zpbtcew2YY74JAiC .arrowheadPath{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-zpbtcew2YY74JAiC .flowchart-link{stroke:#333;fill:none}#mermaid-svg-zpbtcew2YY74JAiC .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-zpbtcew2YY74JAiC .edgeLabel rect{opacity:0.9}#mermaid-svg-zpbtcew2YY74JAiC .edgeLabel span{color:#333}#mermaid-svg-zpbtcew2YY74JAiC .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-zpbtcew2YY74JAiC .cluster text{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-zpbtcew2YY74JAiC .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-zpbtcew2YY74JAiC text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-zpbtcew2YY74JAiC .actor-line{stroke:grey}#mermaid-svg-zpbtcew2YY74JAiC .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-zpbtcew2YY74JAiC .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-zpbtcew2YY74JAiC #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-zpbtcew2YY74JAiC .sequenceNumber{fill:#fff}#mermaid-svg-zpbtcew2YY74JAiC #sequencenumber{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC #crosshead path{fill:#333;stroke:#333}#mermaid-svg-zpbtcew2YY74JAiC .messageText{fill:#333;stroke:#333}#mermaid-svg-zpbtcew2YY74JAiC .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-zpbtcew2YY74JAiC .labelText,#mermaid-svg-zpbtcew2YY74JAiC .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-zpbtcew2YY74JAiC .loopText,#mermaid-svg-zpbtcew2YY74JAiC .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-zpbtcew2YY74JAiC .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-zpbtcew2YY74JAiC .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-zpbtcew2YY74JAiC .noteText,#mermaid-svg-zpbtcew2YY74JAiC .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-zpbtcew2YY74JAiC .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-zpbtcew2YY74JAiC .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-zpbtcew2YY74JAiC .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-zpbtcew2YY74JAiC .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC .section{stroke:none;opacity:0.2}#mermaid-svg-zpbtcew2YY74JAiC .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-zpbtcew2YY74JAiC .section2{fill:#fff400}#mermaid-svg-zpbtcew2YY74JAiC .section1,#mermaid-svg-zpbtcew2YY74JAiC .section3{fill:#fff;opacity:0.2}#mermaid-svg-zpbtcew2YY74JAiC .sectionTitle0{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC .sectionTitle1{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC .sectionTitle2{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC .sectionTitle3{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-zpbtcew2YY74JAiC .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC .grid path{stroke-width:0}#mermaid-svg-zpbtcew2YY74JAiC .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-zpbtcew2YY74JAiC .task{stroke-width:2}#mermaid-svg-zpbtcew2YY74JAiC .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC .taskText:not([font-size]){font-size:11px}#mermaid-svg-zpbtcew2YY74JAiC .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-zpbtcew2YY74JAiC .task.clickable{cursor:pointer}#mermaid-svg-zpbtcew2YY74JAiC .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-zpbtcew2YY74JAiC .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-zpbtcew2YY74JAiC .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-zpbtcew2YY74JAiC .taskText0,#mermaid-svg-zpbtcew2YY74JAiC .taskText1,#mermaid-svg-zpbtcew2YY74JAiC .taskText2,#mermaid-svg-zpbtcew2YY74JAiC .taskText3{fill:#fff}#mermaid-svg-zpbtcew2YY74JAiC .task0,#mermaid-svg-zpbtcew2YY74JAiC .task1,#mermaid-svg-zpbtcew2YY74JAiC .task2,#mermaid-svg-zpbtcew2YY74JAiC .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-zpbtcew2YY74JAiC .taskTextOutside0,#mermaid-svg-zpbtcew2YY74JAiC .taskTextOutside2{fill:#000}#mermaid-svg-zpbtcew2YY74JAiC .taskTextOutside1,#mermaid-svg-zpbtcew2YY74JAiC .taskTextOutside3{fill:#000}#mermaid-svg-zpbtcew2YY74JAiC .active0,#mermaid-svg-zpbtcew2YY74JAiC .active1,#mermaid-svg-zpbtcew2YY74JAiC .active2,#mermaid-svg-zpbtcew2YY74JAiC .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-zpbtcew2YY74JAiC .activeText0,#mermaid-svg-zpbtcew2YY74JAiC .activeText1,#mermaid-svg-zpbtcew2YY74JAiC .activeText2,#mermaid-svg-zpbtcew2YY74JAiC .activeText3{fill:#000 !important}#mermaid-svg-zpbtcew2YY74JAiC .done0,#mermaid-svg-zpbtcew2YY74JAiC .done1,#mermaid-svg-zpbtcew2YY74JAiC .done2,#mermaid-svg-zpbtcew2YY74JAiC .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-zpbtcew2YY74JAiC .doneText0,#mermaid-svg-zpbtcew2YY74JAiC .doneText1,#mermaid-svg-zpbtcew2YY74JAiC .doneText2,#mermaid-svg-zpbtcew2YY74JAiC .doneText3{fill:#000 !important}#mermaid-svg-zpbtcew2YY74JAiC .crit0,#mermaid-svg-zpbtcew2YY74JAiC .crit1,#mermaid-svg-zpbtcew2YY74JAiC .crit2,#mermaid-svg-zpbtcew2YY74JAiC .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-zpbtcew2YY74JAiC .activeCrit0,#mermaid-svg-zpbtcew2YY74JAiC .activeCrit1,#mermaid-svg-zpbtcew2YY74JAiC .activeCrit2,#mermaid-svg-zpbtcew2YY74JAiC .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-zpbtcew2YY74JAiC .doneCrit0,#mermaid-svg-zpbtcew2YY74JAiC .doneCrit1,#mermaid-svg-zpbtcew2YY74JAiC .doneCrit2,#mermaid-svg-zpbtcew2YY74JAiC .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-zpbtcew2YY74JAiC .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-zpbtcew2YY74JAiC .milestoneText{font-style:italic}#mermaid-svg-zpbtcew2YY74JAiC .doneCritText0,#mermaid-svg-zpbtcew2YY74JAiC .doneCritText1,#mermaid-svg-zpbtcew2YY74JAiC .doneCritText2,#mermaid-svg-zpbtcew2YY74JAiC .doneCritText3{fill:#000 !important}#mermaid-svg-zpbtcew2YY74JAiC .activeCritText0,#mermaid-svg-zpbtcew2YY74JAiC .activeCritText1,#mermaid-svg-zpbtcew2YY74JAiC .activeCritText2,#mermaid-svg-zpbtcew2YY74JAiC .activeCritText3{fill:#000 !important}#mermaid-svg-zpbtcew2YY74JAiC .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-zpbtcew2YY74JAiC g.classGroup text .title{font-weight:bolder}#mermaid-svg-zpbtcew2YY74JAiC g.clickable{cursor:pointer}#mermaid-svg-zpbtcew2YY74JAiC g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-zpbtcew2YY74JAiC g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-zpbtcew2YY74JAiC .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-zpbtcew2YY74JAiC .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-zpbtcew2YY74JAiC .dashed-line{stroke-dasharray:3}#mermaid-svg-zpbtcew2YY74JAiC #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC .commit-id,#mermaid-svg-zpbtcew2YY74JAiC .commit-msg,#mermaid-svg-zpbtcew2YY74JAiC .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-zpbtcew2YY74JAiC g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-zpbtcew2YY74JAiC g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-zpbtcew2YY74JAiC g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-zpbtcew2YY74JAiC .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-zpbtcew2YY74JAiC .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-zpbtcew2YY74JAiC .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-zpbtcew2YY74JAiC .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-zpbtcew2YY74JAiC .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-zpbtcew2YY74JAiC .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-zpbtcew2YY74JAiC .edgeLabel text{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-zpbtcew2YY74JAiC .node circle.state-start{fill:black;stroke:black}#mermaid-svg-zpbtcew2YY74JAiC .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-zpbtcew2YY74JAiC #statediagram-barbEnd{fill:#9370db}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-state .divider{stroke:#9370db}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-zpbtcew2YY74JAiC .note-edge{stroke-dasharray:5}#mermaid-svg-zpbtcew2YY74JAiC .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-zpbtcew2YY74JAiC .error-icon{fill:#522}#mermaid-svg-zpbtcew2YY74JAiC .error-text{fill:#522;stroke:#522}#mermaid-svg-zpbtcew2YY74JAiC .edge-thickness-normal{stroke-width:2px}#mermaid-svg-zpbtcew2YY74JAiC .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-zpbtcew2YY74JAiC .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-zpbtcew2YY74JAiC .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-zpbtcew2YY74JAiC .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-zpbtcew2YY74JAiC .marker{fill:#333}#mermaid-svg-zpbtcew2YY74JAiC .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-zpbtcew2YY74JAiC {color: rgba(0, 0, 0, 0.75);font: ;}对象A对象B小三C对象B你好吗?(请求)对象B的描述对象A的描述(提示)我很好(响应)你好吗对象B找我了你真的好吗?我们是朋友没人陪我玩对象A对象B小三C标题:复杂使用

7、UML标准时序图样例:

%% 时序图例子,-> 直线,-->虚线,->>实线箭头sequenceDiagramparticipant 张三participant 李四张三->王五: 王五你好吗?loop 健康检查王五->王五: 与疾病战斗endNote right of 王五: 合理 食物 <br/>看医生...李四-->>张三: 很好!王五->李四: 你怎么样?李四-->王五: 很好!
#mermaid-svg-heSqez85B7zRam6c .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-heSqez85B7zRam6c .label text{fill:#333}#mermaid-svg-heSqez85B7zRam6c .node rect,#mermaid-svg-heSqez85B7zRam6c .node circle,#mermaid-svg-heSqez85B7zRam6c .node ellipse,#mermaid-svg-heSqez85B7zRam6c .node polygon,#mermaid-svg-heSqez85B7zRam6c .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-heSqez85B7zRam6c .node .label{text-align:center;fill:#333}#mermaid-svg-heSqez85B7zRam6c .node.clickable{cursor:pointer}#mermaid-svg-heSqez85B7zRam6c .arrowheadPath{fill:#333}#mermaid-svg-heSqez85B7zRam6c .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-heSqez85B7zRam6c .flowchart-link{stroke:#333;fill:none}#mermaid-svg-heSqez85B7zRam6c .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-heSqez85B7zRam6c .edgeLabel rect{opacity:0.9}#mermaid-svg-heSqez85B7zRam6c .edgeLabel span{color:#333}#mermaid-svg-heSqez85B7zRam6c .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-heSqez85B7zRam6c .cluster text{fill:#333}#mermaid-svg-heSqez85B7zRam6c div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-heSqez85B7zRam6c .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-heSqez85B7zRam6c text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-heSqez85B7zRam6c .actor-line{stroke:grey}#mermaid-svg-heSqez85B7zRam6c .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-heSqez85B7zRam6c .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-heSqez85B7zRam6c #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-heSqez85B7zRam6c .sequenceNumber{fill:#fff}#mermaid-svg-heSqez85B7zRam6c #sequencenumber{fill:#333}#mermaid-svg-heSqez85B7zRam6c #crosshead path{fill:#333;stroke:#333}#mermaid-svg-heSqez85B7zRam6c .messageText{fill:#333;stroke:#333}#mermaid-svg-heSqez85B7zRam6c .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-heSqez85B7zRam6c .labelText,#mermaid-svg-heSqez85B7zRam6c .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-heSqez85B7zRam6c .loopText,#mermaid-svg-heSqez85B7zRam6c .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-heSqez85B7zRam6c .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-heSqez85B7zRam6c .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-heSqez85B7zRam6c .noteText,#mermaid-svg-heSqez85B7zRam6c .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-heSqez85B7zRam6c .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-heSqez85B7zRam6c .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-heSqez85B7zRam6c .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-heSqez85B7zRam6c .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c .section{stroke:none;opacity:0.2}#mermaid-svg-heSqez85B7zRam6c .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-heSqez85B7zRam6c .section2{fill:#fff400}#mermaid-svg-heSqez85B7zRam6c .section1,#mermaid-svg-heSqez85B7zRam6c .section3{fill:#fff;opacity:0.2}#mermaid-svg-heSqez85B7zRam6c .sectionTitle0{fill:#333}#mermaid-svg-heSqez85B7zRam6c .sectionTitle1{fill:#333}#mermaid-svg-heSqez85B7zRam6c .sectionTitle2{fill:#333}#mermaid-svg-heSqez85B7zRam6c .sectionTitle3{fill:#333}#mermaid-svg-heSqez85B7zRam6c .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-heSqez85B7zRam6c .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c .grid path{stroke-width:0}#mermaid-svg-heSqez85B7zRam6c .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-heSqez85B7zRam6c .task{stroke-width:2}#mermaid-svg-heSqez85B7zRam6c .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c .taskText:not([font-size]){font-size:11px}#mermaid-svg-heSqez85B7zRam6c .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-heSqez85B7zRam6c .task.clickable{cursor:pointer}#mermaid-svg-heSqez85B7zRam6c .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-heSqez85B7zRam6c .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-heSqez85B7zRam6c .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-heSqez85B7zRam6c .taskText0,#mermaid-svg-heSqez85B7zRam6c .taskText1,#mermaid-svg-heSqez85B7zRam6c .taskText2,#mermaid-svg-heSqez85B7zRam6c .taskText3{fill:#fff}#mermaid-svg-heSqez85B7zRam6c .task0,#mermaid-svg-heSqez85B7zRam6c .task1,#mermaid-svg-heSqez85B7zRam6c .task2,#mermaid-svg-heSqez85B7zRam6c .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-heSqez85B7zRam6c .taskTextOutside0,#mermaid-svg-heSqez85B7zRam6c .taskTextOutside2{fill:#000}#mermaid-svg-heSqez85B7zRam6c .taskTextOutside1,#mermaid-svg-heSqez85B7zRam6c .taskTextOutside3{fill:#000}#mermaid-svg-heSqez85B7zRam6c .active0,#mermaid-svg-heSqez85B7zRam6c .active1,#mermaid-svg-heSqez85B7zRam6c .active2,#mermaid-svg-heSqez85B7zRam6c .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-heSqez85B7zRam6c .activeText0,#mermaid-svg-heSqez85B7zRam6c .activeText1,#mermaid-svg-heSqez85B7zRam6c .activeText2,#mermaid-svg-heSqez85B7zRam6c .activeText3{fill:#000 !important}#mermaid-svg-heSqez85B7zRam6c .done0,#mermaid-svg-heSqez85B7zRam6c .done1,#mermaid-svg-heSqez85B7zRam6c .done2,#mermaid-svg-heSqez85B7zRam6c .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-heSqez85B7zRam6c .doneText0,#mermaid-svg-heSqez85B7zRam6c .doneText1,#mermaid-svg-heSqez85B7zRam6c .doneText2,#mermaid-svg-heSqez85B7zRam6c .doneText3{fill:#000 !important}#mermaid-svg-heSqez85B7zRam6c .crit0,#mermaid-svg-heSqez85B7zRam6c .crit1,#mermaid-svg-heSqez85B7zRam6c .crit2,#mermaid-svg-heSqez85B7zRam6c .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-heSqez85B7zRam6c .activeCrit0,#mermaid-svg-heSqez85B7zRam6c .activeCrit1,#mermaid-svg-heSqez85B7zRam6c .activeCrit2,#mermaid-svg-heSqez85B7zRam6c .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-heSqez85B7zRam6c .doneCrit0,#mermaid-svg-heSqez85B7zRam6c .doneCrit1,#mermaid-svg-heSqez85B7zRam6c .doneCrit2,#mermaid-svg-heSqez85B7zRam6c .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-heSqez85B7zRam6c .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-heSqez85B7zRam6c .milestoneText{font-style:italic}#mermaid-svg-heSqez85B7zRam6c .doneCritText0,#mermaid-svg-heSqez85B7zRam6c .doneCritText1,#mermaid-svg-heSqez85B7zRam6c .doneCritText2,#mermaid-svg-heSqez85B7zRam6c .doneCritText3{fill:#000 !important}#mermaid-svg-heSqez85B7zRam6c .activeCritText0,#mermaid-svg-heSqez85B7zRam6c .activeCritText1,#mermaid-svg-heSqez85B7zRam6c .activeCritText2,#mermaid-svg-heSqez85B7zRam6c .activeCritText3{fill:#000 !important}#mermaid-svg-heSqez85B7zRam6c .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-heSqez85B7zRam6c g.classGroup text .title{font-weight:bolder}#mermaid-svg-heSqez85B7zRam6c g.clickable{cursor:pointer}#mermaid-svg-heSqez85B7zRam6c g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-heSqez85B7zRam6c g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-heSqez85B7zRam6c .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-heSqez85B7zRam6c .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-heSqez85B7zRam6c .dashed-line{stroke-dasharray:3}#mermaid-svg-heSqez85B7zRam6c #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c .commit-id,#mermaid-svg-heSqez85B7zRam6c .commit-msg,#mermaid-svg-heSqez85B7zRam6c .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-heSqez85B7zRam6c g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-heSqez85B7zRam6c g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-heSqez85B7zRam6c g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-heSqez85B7zRam6c g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-heSqez85B7zRam6c .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-heSqez85B7zRam6c .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-heSqez85B7zRam6c .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-heSqez85B7zRam6c .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-heSqez85B7zRam6c .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-heSqez85B7zRam6c .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-heSqez85B7zRam6c .edgeLabel text{fill:#333}#mermaid-svg-heSqez85B7zRam6c .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-heSqez85B7zRam6c .node circle.state-start{fill:black;stroke:black}#mermaid-svg-heSqez85B7zRam6c .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-heSqez85B7zRam6c #statediagram-barbEnd{fill:#9370db}#mermaid-svg-heSqez85B7zRam6c .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-heSqez85B7zRam6c .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-heSqez85B7zRam6c .statediagram-state .divider{stroke:#9370db}#mermaid-svg-heSqez85B7zRam6c .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-heSqez85B7zRam6c .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-heSqez85B7zRam6c .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-heSqez85B7zRam6c .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-heSqez85B7zRam6c .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-heSqez85B7zRam6c .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-heSqez85B7zRam6c .note-edge{stroke-dasharray:5}#mermaid-svg-heSqez85B7zRam6c .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-heSqez85B7zRam6c .error-icon{fill:#522}#mermaid-svg-heSqez85B7zRam6c .error-text{fill:#522;stroke:#522}#mermaid-svg-heSqez85B7zRam6c .edge-thickness-normal{stroke-width:2px}#mermaid-svg-heSqez85B7zRam6c .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-heSqez85B7zRam6c .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-heSqez85B7zRam6c .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-heSqez85B7zRam6c .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-heSqez85B7zRam6c .marker{fill:#333}#mermaid-svg-heSqez85B7zRam6c .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-heSqez85B7zRam6c {color: rgba(0, 0, 0, 0.75);font: ;}张三李四王五王五你好吗?与疾病战斗loop[健康检查]合理 食物 看医生...很好!你怎么样?很好!张三李四王五标题:复杂使用

8、甘特图样例:

        ganttdateFormat  YYYY-MM-DDtitle 软件开发甘特图section 设计需求                      :done,    des1, 2014-01-06,2014-01-08原型                      :active,  des2, 2014-01-09, 3dUI设计                     :         des3, after des2, 5d未来任务                     :         des4, after des3, 5dsection 开发学习准备理解需求                      :crit, done, 2014-01-06,24h设计框架                             :crit, done, after des2, 2d开发                                 :crit, active, 3d未来任务                              :crit, 5d耍                                   :2dsection 测试功能测试                              :active, a1, after des3, 3d压力测试                               :after a1  , 20h测试报告                               : 48h
        ganttdateFormat  YYYY-MM-DDtitle 软件开发甘特图section 设计需求                      :done,    des1, 2014-01-06,2014-01-08原型                      :active,  des2, 2014-01-09, 3dUI设计                     :         des3, after des2, 5d未来任务                     :         des4, after des3, 5dsection 开发学习准备理解需求                      :crit, done, 2014-01-06,24h设计框架                             :crit, done, after des2, 2d开发                                 :crit, active, 3d未来任务                              :crit, 5d耍                                   :2dsection 测试功能测试                              :active, a1, after des3, 3d压力测试                               :after a1  , 20h测试报告                               : 48h:crit, 5d耍                                   :2dsection 测试功能测试                              :active, a1, after des3, 3d压力测试                               :after a1  , 20h测试报告                               : 48h

markdown语法高级篇相关推荐

  1. 【Markdown语法高级】 让你的博客更精彩(三:常用图标模板)

      

  2. activiti高亮显示图片_第 09 篇:让博客支持 Markdown 语法和代码高亮

    作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...

  3. markdown引入代码_第 09 篇:让博客支持 Markdown 语法和代码高亮

    作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...

  4. markdown编辑语法基础篇

    文章目录 欢迎使用markdown编辑语法 1.Markdown简介 1.1 markdown是什么? 1.2为何使用markdown 2.基本语法 2.1 快捷键 2.2代码块 2.3 分级标题 写 ...

  5. MarkDown语法浅析:基础语法篇

    本篇学习笔记简述MarkDown基础语法.掌握了"MarkDown基本语法+简单HTML5标签"的综合运用,就可以把CSDN博文搞得美美哒✌ (本文获得CSDN质量评分[91]) ...

  6. 马克飞象 Markdown 语法,对应上一篇

    # 马克飞象 使用笔记@(林木木的博客) [马克飞象|教程] ## Markdown 官方文档> 这里可以看到官方的 Markdown 语法规则文档:+ [创始人 John Gruber 的 M ...

  7. Markdown语法参考-基础与高级用法

    Markdown 是一种轻量级标记语言,它允许人们"使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档".被广泛应用于博客,网页与技术文档中 为什 ...

  8. 入门写博客之markdown语法

    目录 1. 快捷键 2. 基本语法 2.1 字体设置斜体.粗体.删除线 2.2 分级标题 2.3 链接 2.4 分割线 2.5 代码块 2.6 引用 2.7 列表 2.8 表格 3. 常用技巧 3.1 ...

  9. Markdown(编辑器)工具与使用总结Markdown语法图文全面详解

    对于markdown文档格式因网络文章.云笔记的兴起,及开源代码的文档应用,现已变更越来越来流行.markdown不止是HTML的简化版,更重要的是txt的升级版.word的轻量版.是笔记的最佳载体. ...

最新文章

  1. Gmail进程信息转储分析工具pdgmail
  2. python的concat用法_Pandas串联操作concat()用法介绍
  3. 一种绕开反病毒引擎的方法
  4. wxWidgets:存档格式
  5. sql嵌套查询返回多个字段_list4 SQL复杂查询
  6. 使用BeetleX的TcpBenchmark工具进行百万设备模拟测试
  7. java 进制转换算法_算法笔记_033:十六进制转八进制(Java)
  8. oracle+10g+cpu补丁,Oracle 10g打补丁(p5490848_10202_LINUX)
  9. dubbo安装和使用
  10. 微型计算机原理及应用课程复习与考研指导,微机原理及应用课程复习.doc
  11. android ndk adk 旧版本下载
  12. (二)GNSS定位中的卫星轨道位置计算
  13. 【Python百日进阶-Web开发-Feffery】Day378 - fac数据展示17:AntdTable 表格 (5)示例:表格校验、监听
  14. mysql 5.7 winx64_mysql 5.7.17 winx64安装配置方法图文教程
  15. PDF如何裁剪页面并保持页面大小不变
  16. Three.js 后期处理-泛光效果-BloomPass-相机分层渲染
  17. 如何用 js 获取虚拟键盘高度?(适用所有平台)
  18. 蓝桥杯JAVA-7.集合(容器)在竞赛中的使用
  19. kotlin混淆后mapping定位
  20. [Android] 免费明星艺术签名设计V3.0

热门文章

  1. 用户行为分析-如何用数据驱动增长
  2. SM4国密算法原理及python代码实现
  3. oracle ola_访谈和书摘:Ola Bini,“实用的JRuby on Rails Web 2.0项目”
  4. GeoServer入门学习:04-发布Shapfile地图数据
  5. 前端练习记录(模仿天猫首页)
  6. 互联网时代,怎么做到真正的信息安全?
  7. [Android App] 内涵段子最新5.5.5 去广告去更新修改版
  8. LEA指令和OFFSET指令
  9. 大数据时代 商品的数据的价值在哪
  10. 今天不谈电商,只聊搜狐的大数据实践!