EST-LOCAL/est-moni
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增模拟页面圆点，控制页面增加仿真操作记录

Browse Source
This commit is contained in:
husky
2025-12-25 03:30:11 +00:00
parent e0f7db1b1c
commit 9f800a5c2d
2952 changed files with 83703 additions and 21163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

562
public/flukemoni/Ex3/Results.html Normal file → Executable file
View File

@@ -50,7 +50,187 @@
top: 0px;
overflow: visible;
}
#n_upper_banner_ds {
#n_40_dw {
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_dw {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 34px;
top: 51px;
}
#n_40_dx {
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_dx {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 382px;
top: 165px;
}
#n_41 {
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_41 {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 382px;
top: 216px;
}
#n_42 {
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_42 {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 382px;
top: 271px;
}
#n_43 {
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_43 {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 382px;
top: 324px;
}
#n_44 {
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_44 {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 382px;
top: 380px;
}
#n_45 {
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_45 {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 382px;
top: 434px;
}
#n_46 {
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_46 {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 382px;
top: 487px;
}
#n_47 {
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_47 {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 382px;
top: 546px;
}
#n_48 {
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_48 {
position: absolute;
overflow: visible;
width: 22px;
height: 22px;
left: 425px;
top: 598px;
}
#n_upper_banner_d {
position: absolute;
width: 480px;
height: 30px;
@@ -58,7 +238,7 @@
top: 0px;
overflow: visible;
}
#rectangle_1_dt {
#rectangle_1_d {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -68,7 +248,7 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_1_dt {
.rectangle_1_d {
position: absolute;
overflow: visible;
width: 64px;
@@ -80,139 +260,6 @@
--web-action-target: manage.html;
cursor: pointer;
}
#rectangle_8_du {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_du {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 150px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test1_1.html;
cursor: pointer;
}
#rectangle_8_dv {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_dv {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 201px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test1_2.html;
cursor: pointer;
}
#rectangle_8_dw {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_dw {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 256px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test1_3.html;
cursor: pointer;
}
#rectangle_8_dx {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_dx {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 309px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test2___fault_info.html;
cursor: pointer;
}
#rectangle_8_dy {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_dy {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 365px;
transition: all 0.3s ease-out;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test3___fault_info.html;
cursor: pointer;
}
#rectangle_8_dz {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_dz {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 419px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test4___fault_info.html;
cursor: pointer;
}
#rectangle_8_d {
opacity: 0;
fill: rgba(255,255,255,1);
@@ -229,10 +276,10 @@
width: 480px;
height: 51px;
left: 0px;
top: 472px;
top: 150px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test5___fault_info.html;
--web-action-target: test1_1.html;
cursor: pointer;
}
#rectangle_8_ea {
@@ -251,13 +298,13 @@
width: 480px;
height: 51px;
left: 0px;
top: 526px;
top: 201px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test6___fault_info.html;
--web-action-target: test1_2.html;
cursor: pointer;
}
#rectangle_5_d {
#rectangle_8_eb {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
@@ -267,7 +314,140 @@
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_5_d {
.rectangle_8_eb {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 256px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test1_3.html;
cursor: pointer;
}
#rectangle_8_ec {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_ec {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 309px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test2___fault_info.html;
cursor: pointer;
}
#rectangle_8_ed {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_ed {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 365px;
transition: all 0.3s ease-out;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test3___fault_info.html;
cursor: pointer;
}
#rectangle_8_ee {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_ee {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 419px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test4___fault_info.html;
cursor: pointer;
}
#rectangle_8_ef {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_ef {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 472px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test5___fault_info.html;
cursor: pointer;
}
#rectangle_8_eg {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_8_eg {
position: absolute;
overflow: visible;
width: 480px;
height: 51px;
left: 0px;
top: 526px;
--web-animation: fadein 0.3s ease-out;
--web-action-type: page;
--web-action-target: test6___fault_info.html;
cursor: pointer;
}
#rectangle_5_eg {
opacity: 0;
fill: rgba(255,255,255,1);
stroke: rgba(112,112,112,1);
stroke-width: 1px;
stroke-linejoin: miter;
stroke-linecap: butt;
stroke-miterlimit: 4;
shape-rendering: auto;
}
.rectangle_5_eg {
position: absolute;
overflow: visible;
width: 49px;
@@ -3195,34 +3375,50 @@ window.application = new Application();
<div id="Results">
<img id="results" src="results.png" srcset="results.png 1x, results@2x.png 2x">
<img id="n_upper_banner_ds" src="n_upper_banner_ds.png" srcset="n_upper_banner_ds.png 1x, n_upper_banner_ds@2x.png 2x">
<svg class="n_40_dw">
<ellipse id="n_40_dw" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_40_dx">
<ellipse id="n_40_dx" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_41">
<ellipse id="n_41" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_42">
<ellipse id="n_42" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_43">
<ellipse id="n_43" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_44">
<ellipse id="n_44" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_45">
<ellipse id="n_45" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_46">
<ellipse id="n_46" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_47">
<ellipse id="n_47" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<svg class="n_48">
<ellipse id="n_48" rx="11" ry="11" cx="11" cy="11">
</ellipse>
</svg>
<img id="n_upper_banner_d" src="n_upper_banner_d.png" srcset="n_upper_banner_d.png 1x, n_upper_banner_d@2x.png 2x">
<svg class="rectangle_1_dt">
<rect onclick="application.goToTargetView(event)" id="rectangle_1_dt" rx="10" ry="10" x="0" y="0" width="64" height="52">
</rect>
</svg>
<svg class="rectangle_8_du">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_du" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_dv">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_dv" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_dw">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_dw" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_dx">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_dx" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_dy">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_dy" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_dz">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_dz" rx="0" ry="0" x="0" y="0" width="480" height="51">
<svg class="rectangle_1_d">
<rect onclick="application.goToTargetView(event)" id="rectangle_1_d" rx="10" ry="10" x="0" y="0" width="64" height="52">
</rect>
</svg>
<svg class="rectangle_8_d">
@@ -3233,8 +3429,32 @@ window.application = new Application();
<rect onclick="application.goToTargetView(event)" id="rectangle_8_ea" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_5_d">
<rect onclick="application.goToTargetView(event)" id="rectangle_5_d" rx="0" ry="0" x="0" y="0" width="49" height="31">
<svg class="rectangle_8_eb">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_eb" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_ec">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_ec" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_ed">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_ed" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_ee">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_ee" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_ef">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_ef" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_8_eg">
<rect onclick="application.goToTargetView(event)" id="rectangle_8_eg" rx="0" ry="0" x="0" y="0" width="480" height="51">
</rect>
</svg>
<svg class="rectangle_5_eg">
<rect onclick="application.goToTargetView(event)" id="rectangle_5_eg" rx="0" ry="0" x="0" y="0" width="49" height="31">
</rect>
</svg>
</div>