新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
154
public/flukemoni/Ex4/HOMEPAGE_ChangeTest_NewTest.html
Normal file → Executable file
154
public/flukemoni/Ex4/HOMEPAGE_ChangeTest_NewTest.html
Normal file → Executable file
@@ -42,7 +42,7 @@
|
||||
}
|
||||
|
||||
}
|
||||
#n_1_dx {
|
||||
#n_1_d {
|
||||
position: absolute;
|
||||
width: 480px;
|
||||
height: 640px;
|
||||
@@ -50,6 +50,96 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#n_17_d {
|
||||
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_17_d {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 32px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_17_ea {
|
||||
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_17_ea {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 341px;
|
||||
top: 147px;
|
||||
}
|
||||
#n_19 {
|
||||
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_19 {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 341px;
|
||||
top: 249px;
|
||||
}
|
||||
#n_20_d {
|
||||
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_20_d {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 341px;
|
||||
top: 341px;
|
||||
}
|
||||
#n_20_ea {
|
||||
opacity: 0.8;
|
||||
fill: rgba(249,188,18,1);
|
||||
stroke: rgba(146,135,105,1);
|
||||
stroke-width: 1px;
|
||||
stroke-linejoin: miter;
|
||||
stroke-linecap: butt;
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.n_20_ea {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 419px;
|
||||
top: 599px;
|
||||
}
|
||||
#backbutton {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
@@ -63,7 +153,7 @@
|
||||
--web-action-target: HOMEPAGE_ChangeTest.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#backbutton_dz {
|
||||
#backbutton_eb {
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
stroke-width: 1px;
|
||||
@@ -72,7 +162,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.backbutton_dz {
|
||||
.backbutton_eb {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 53px;
|
||||
@@ -92,7 +182,7 @@
|
||||
--web-action-target: _NewTest_TestType.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TestType_d {
|
||||
#TestType_ed {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -102,7 +192,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TestType_d {
|
||||
.TestType_ed {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 409px;
|
||||
@@ -122,7 +212,7 @@
|
||||
--web-action-target: _NewTest_FiberType.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#FiberType_d {
|
||||
#FiberType_ef {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -132,7 +222,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.FiberType_d {
|
||||
.FiberType_ef {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 409px;
|
||||
@@ -152,7 +242,7 @@
|
||||
--web-action-target: _NewTest_TestLimt.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#TestLimt_d {
|
||||
#TestLimt_eh {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -162,7 +252,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.TestLimt_d {
|
||||
.TestLimt_eh {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 406px;
|
||||
@@ -182,7 +272,7 @@
|
||||
--web-action-target: HOMEPAGE_ChangeTest.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#SaveButton_d {
|
||||
#SaveButton_ej {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -192,7 +282,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.SaveButton_d {
|
||||
.SaveButton_ej {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 58px;
|
||||
@@ -3114,35 +3204,55 @@ window.application = new Application();
|
||||
</head>
|
||||
<body>
|
||||
<div id="HOMEPAGE-ChangeTest-NewTest">
|
||||
<img id="n_1_dx" src="n_1_dx.png" srcset="n_1_dx.png 1x, n_1_dx@2x.png 2x">
|
||||
<img id="n_1_d" src="n_1_d.png" srcset="n_1_d.png 1x, n_1_d@2x.png 2x">
|
||||
|
||||
<svg class="n_17_d">
|
||||
<ellipse id="n_17_d" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_17_ea">
|
||||
<ellipse id="n_17_ea" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_19">
|
||||
<ellipse id="n_19" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_20_d">
|
||||
<ellipse id="n_20_d" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_20_ea">
|
||||
<ellipse id="n_20_ea" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<div onclick="application.goToTargetView(event)" id="backbutton" class="backbutton">
|
||||
<svg class="backbutton_dz">
|
||||
<rect id="backbutton_dz" rx="0" ry="0" x="0" y="0" width="53" height="32">
|
||||
<svg class="backbutton_eb">
|
||||
<rect id="backbutton_eb" rx="0" ry="0" x="0" y="0" width="53" height="32">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="TestType" class="TestType">
|
||||
<svg class="TestType_d">
|
||||
<rect id="TestType_d" rx="0" ry="0" x="0" y="0" width="409" height="47">
|
||||
<svg class="TestType_ed">
|
||||
<rect id="TestType_ed" rx="0" ry="0" x="0" y="0" width="409" height="47">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="FiberType" class="FiberType">
|
||||
<svg class="FiberType_d">
|
||||
<rect id="FiberType_d" rx="0" ry="0" x="0" y="0" width="409" height="41">
|
||||
<svg class="FiberType_ef">
|
||||
<rect id="FiberType_ef" rx="0" ry="0" x="0" y="0" width="409" height="41">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="TestLimt" class="TestLimt">
|
||||
<svg class="TestLimt_d">
|
||||
<rect id="TestLimt_d" rx="0" ry="0" x="0" y="0" width="406" height="39">
|
||||
<svg class="TestLimt_eh">
|
||||
<rect id="TestLimt_eh" rx="0" ry="0" x="0" y="0" width="406" height="39">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div onclick="application.goToTargetView(event)" id="SaveButton" class="SaveButton">
|
||||
<svg class="SaveButton_d">
|
||||
<rect id="SaveButton_d" rx="0" ry="0" x="0" y="0" width="58" height="52">
|
||||
<svg class="SaveButton_ej">
|
||||
<rect id="SaveButton_ej" rx="0" ry="0" x="0" y="0" width="58" height="52">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user