新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
212
public/flukemoni/Ex3/test3___fault_info.html
Normal file → Executable file
212
public/flukemoni/Ex3/test3___fault_info.html
Normal file → Executable file
@@ -42,7 +42,7 @@
|
||||
}
|
||||
|
||||
}
|
||||
#test3_wiremap_ix {
|
||||
#test3_wiremap_kq {
|
||||
position: absolute;
|
||||
width: 480px;
|
||||
height: 640px;
|
||||
@@ -50,7 +50,115 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#n_upper_banner_iy {
|
||||
#n_40_kr {
|
||||
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_kr {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 34px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_51_ks {
|
||||
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_ks {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 70px;
|
||||
top: 98px;
|
||||
}
|
||||
#n_52_kt {
|
||||
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_kt {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 229px;
|
||||
top: 98px;
|
||||
}
|
||||
#n_53_ku {
|
||||
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_ku {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 306px;
|
||||
top: 277px;
|
||||
}
|
||||
#n_54_kv {
|
||||
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_kv {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 341px;
|
||||
top: 469px;
|
||||
}
|
||||
#n_55_kw {
|
||||
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_kw {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 341px;
|
||||
top: 527px;
|
||||
}
|
||||
#n_upper_banner_kx {
|
||||
position: absolute;
|
||||
width: 480px;
|
||||
height: 30px;
|
||||
@@ -58,7 +166,7 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#rectangle_5_iz {
|
||||
#rectangle_5_ky {
|
||||
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_iz {
|
||||
.rectangle_5_ky {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -76,7 +184,7 @@
|
||||
left: 19px;
|
||||
top: 48px;
|
||||
}
|
||||
#rectangle_5_i {
|
||||
#rectangle_5_kz {
|
||||
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_i {
|
||||
.rectangle_5_kz {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -94,7 +202,7 @@
|
||||
left: 21px;
|
||||
top: 46px;
|
||||
}
|
||||
#rectangle_8_jc {
|
||||
#rectangle_8_lc {
|
||||
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_jc {
|
||||
.rectangle_8_lc {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -117,7 +225,7 @@
|
||||
--web-action-target: test3___perfomance.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_8_ja {
|
||||
#rectangle_8_la {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -127,7 +235,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_8_ja {
|
||||
.rectangle_8_la {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -158,7 +266,7 @@
|
||||
--web-action-target: test3_fault_cause.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_7_i {
|
||||
#rectangle_7_k {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -168,7 +276,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_7_i {
|
||||
.rectangle_7_k {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 303px;
|
||||
@@ -181,7 +289,7 @@
|
||||
--web-action-target: test3_HDTDR.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_7_ja {
|
||||
#rectangle_7_la {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -191,7 +299,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_7_ja {
|
||||
.rectangle_7_la {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 303px;
|
||||
@@ -204,7 +312,7 @@
|
||||
--web-action-target: test3_HDTDX.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_8_jb {
|
||||
#rectangle_8_lb {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -214,7 +322,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_8_jb {
|
||||
.rectangle_8_lb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -227,7 +335,7 @@
|
||||
--web-action-target: test3___wiremap.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_8_jc {
|
||||
#rectangle_8_lc {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -237,7 +345,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_8_jc {
|
||||
.rectangle_8_lc {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -250,7 +358,7 @@
|
||||
--web-action-target: test3___perfomance.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_5_ja {
|
||||
#rectangle_5_k {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -260,7 +368,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_5_ja {
|
||||
.rectangle_5_k {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -3187,48 +3295,72 @@ window.application = new Application();
|
||||
</head>
|
||||
<body>
|
||||
<div id="test3__fault_info">
|
||||
<img id="test3_wiremap_ix" src="test3_wiremap_ix.png" srcset="test3_wiremap_ix.png 1x, test3_wiremap_ix@2x.png 2x">
|
||||
<img id="test3_wiremap_kq" src="test3_wiremap_kq.png" srcset="test3_wiremap_kq.png 1x, test3_wiremap_kq@2x.png 2x">
|
||||
|
||||
<img id="n_upper_banner_iy" src="n_upper_banner_iy.png" srcset="n_upper_banner_iy.png 1x, n_upper_banner_iy@2x.png 2x">
|
||||
<svg class="n_40_kr">
|
||||
<ellipse id="n_40_kr" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_51_ks">
|
||||
<ellipse id="n_51_ks" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_52_kt">
|
||||
<ellipse id="n_52_kt" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_53_ku">
|
||||
<ellipse id="n_53_ku" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_54_kv">
|
||||
<ellipse id="n_54_kv" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_55_kw">
|
||||
<ellipse id="n_55_kw" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<img id="n_upper_banner_kx" src="n_upper_banner_kx.png" srcset="n_upper_banner_kx.png 1x, n_upper_banner_kx@2x.png 2x">
|
||||
|
||||
<svg class="rectangle_5_iz">
|
||||
<rect id="rectangle_5_iz" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<svg class="rectangle_5_ky">
|
||||
<rect id="rectangle_5_ky" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_5_i">
|
||||
<rect id="rectangle_5_i" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<svg class="rectangle_5_kz">
|
||||
<rect id="rectangle_5_kz" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_jc">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_jc" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_lc">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_lc" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_ja">
|
||||
<rect id="rectangle_8_ja" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_la">
|
||||
<rect id="rectangle_8_la" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="n_4">
|
||||
<rect onclick="application.goToTargetView(event)" id="n_4" rx="10" ry="10" x="0" y="0" width="303" height="184">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_7_i">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_7_i" rx="5" ry="5" x="0" y="0" width="303" height="52">
|
||||
<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">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_7_ja">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_7_ja" rx="5" ry="5" x="0" y="0" width="303" height="52">
|
||||
<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">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_jb">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_jb" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_lb">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_lb" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_jc">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_jc" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_lc">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_lc" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_5_ja">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_5_ja" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<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">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user