新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
216
public/flukemoni/Ex3/test4___fault_info.html
Normal file → Executable file
216
public/flukemoni/Ex3/test4___fault_info.html
Normal file → Executable file
@@ -50,7 +50,115 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#n_upper_banner_ku {
|
||||
#n_40_nb {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_40_nb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 34px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_51_nc {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_51_nc {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 70px;
|
||||
top: 98px;
|
||||
}
|
||||
#n_52_nd {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_52_nd {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 229px;
|
||||
top: 98px;
|
||||
}
|
||||
#n_53_ne {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_53_ne {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 306px;
|
||||
top: 277px;
|
||||
}
|
||||
#n_54_nf {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_54_nf {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 341px;
|
||||
top: 469px;
|
||||
}
|
||||
#n_55_ng {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(249,188,18,1);
|
||||
stroke-width: 4px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_55_ng {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 341px;
|
||||
top: 527px;
|
||||
}
|
||||
#n_upper_banner_nh {
|
||||
position: absolute;
|
||||
width: 480px;
|
||||
height: 30px;
|
||||
@@ -58,7 +166,7 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#rectangle_5_kv {
|
||||
#rectangle_5_ni {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -68,7 +176,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_5_kv {
|
||||
.rectangle_5_ni {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -76,7 +184,7 @@
|
||||
left: 19px;
|
||||
top: 48px;
|
||||
}
|
||||
#rectangle_5_kw {
|
||||
#rectangle_5_nj {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -86,7 +194,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_5_kw {
|
||||
.rectangle_5_nj {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -94,7 +202,7 @@
|
||||
left: 21px;
|
||||
top: 46px;
|
||||
}
|
||||
#rectangle_8_la {
|
||||
#rectangle_8_nq {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -104,7 +212,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_8_la {
|
||||
.rectangle_8_nq {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -116,7 +224,7 @@
|
||||
--web-action-target: test4___perfomance___1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_8_ky {
|
||||
#rectangle_8_nl {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -126,7 +234,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_8_ky {
|
||||
.rectangle_8_nl {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -134,7 +242,7 @@
|
||||
left: 321px;
|
||||
top: 91px;
|
||||
}
|
||||
#n_4_kz {
|
||||
#n_4_nm {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -144,7 +252,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_4_kz {
|
||||
.n_4_nm {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 303px;
|
||||
@@ -156,7 +264,7 @@
|
||||
--web-action-target: test4_fault_cause.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_7_k {
|
||||
#rectangle_7_nn {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -166,7 +274,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_7_k {
|
||||
.rectangle_7_nn {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 303px;
|
||||
@@ -178,7 +286,7 @@
|
||||
--web-action-target: test4_HDTDR___1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_7_la {
|
||||
#rectangle_7_no {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -188,7 +296,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_7_la {
|
||||
.rectangle_7_no {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 303px;
|
||||
@@ -200,7 +308,7 @@
|
||||
--web-action-target: test4_HDTDX_.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_8_k {
|
||||
#rectangle_8_np {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -210,7 +318,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_8_k {
|
||||
.rectangle_8_np {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -222,7 +330,7 @@
|
||||
--web-action-target: test4__wiremap.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_8_la {
|
||||
#rectangle_8_nq {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -232,7 +340,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_8_la {
|
||||
.rectangle_8_nq {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -244,7 +352,7 @@
|
||||
--web-action-target: test4___perfomance___1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_5_k {
|
||||
#rectangle_5_nr {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -254,7 +362,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_5_k {
|
||||
.rectangle_5_nr {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -3182,46 +3290,70 @@ window.application = new Application();
|
||||
<div id="test4__fault_info">
|
||||
<img id="test4_fault_info" src="test4_fault_info.png" srcset="test4_fault_info.png 1x, test4_fault_info@2x.png 2x">
|
||||
|
||||
<img id="n_upper_banner_ku" src="n_upper_banner_ku.png" srcset="n_upper_banner_ku.png 1x, n_upper_banner_ku@2x.png 2x">
|
||||
<svg class="n_40_nb">
|
||||
<ellipse id="n_40_nb" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_51_nc">
|
||||
<ellipse id="n_51_nc" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_52_nd">
|
||||
<ellipse id="n_52_nd" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_53_ne">
|
||||
<ellipse id="n_53_ne" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_54_nf">
|
||||
<ellipse id="n_54_nf" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_55_ng">
|
||||
<ellipse id="n_55_ng" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<img id="n_upper_banner_nh" src="n_upper_banner_nh.png" srcset="n_upper_banner_nh.png 1x, n_upper_banner_nh@2x.png 2x">
|
||||
|
||||
<svg class="rectangle_5_kv">
|
||||
<rect id="rectangle_5_kv" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<svg class="rectangle_5_ni">
|
||||
<rect id="rectangle_5_ni" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_5_kw">
|
||||
<rect id="rectangle_5_kw" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<svg class="rectangle_5_nj">
|
||||
<rect id="rectangle_5_nj" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_la">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_la" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_nq">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_nq" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_ky">
|
||||
<rect id="rectangle_8_ky" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_nl">
|
||||
<rect id="rectangle_8_nl" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="n_4_kz">
|
||||
<rect onclick="application.goToTargetView(event)" id="n_4_kz" rx="10" ry="10" x="0" y="0" width="303" height="184">
|
||||
<svg class="n_4_nm">
|
||||
<rect onclick="application.goToTargetView(event)" id="n_4_nm" rx="10" ry="10" x="0" y="0" width="303" height="184">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_7_k">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_7_k" rx="5" ry="5" x="0" y="0" width="303" height="52">
|
||||
<svg class="rectangle_7_nn">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_7_nn" rx="5" ry="5" x="0" y="0" width="303" height="52">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_7_la">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_7_la" rx="5" ry="5" x="0" y="0" width="303" height="52">
|
||||
<svg class="rectangle_7_no">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_7_no" rx="5" ry="5" x="0" y="0" width="303" height="52">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_k">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_k" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_np">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_np" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_la">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_la" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_nq">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_nq" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_5_k">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_5_k" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<svg class="rectangle_5_nr">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_5_nr" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user