新增模拟页面圆点,控制页面增加仿真操作记录
This commit is contained in:
128
public/flukemoni/Ex3/test4_next_remote.html
Normal file → Executable file
128
public/flukemoni/Ex3/test4_next_remote.html
Normal file → Executable file
@@ -42,7 +42,7 @@
|
||||
}
|
||||
|
||||
}
|
||||
#test4_next_remote_ly {
|
||||
#test4_next_remote_ov {
|
||||
position: absolute;
|
||||
width: 480px;
|
||||
height: 640px;
|
||||
@@ -50,7 +50,79 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#n_upper_banner_lz {
|
||||
#n_40_ow {
|
||||
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_ow {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 34px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_56_ox {
|
||||
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_56_ox {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 337px;
|
||||
top: 526px;
|
||||
}
|
||||
#n_57_oy {
|
||||
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_57_oy {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 441px;
|
||||
top: 526px;
|
||||
}
|
||||
#n_58_oz {
|
||||
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_58_oz {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 56px;
|
||||
top: 600px;
|
||||
}
|
||||
#n_upper_banner_o {
|
||||
position: absolute;
|
||||
width: 480px;
|
||||
height: 30px;
|
||||
@@ -58,7 +130,7 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#rectangle_5_l {
|
||||
#rectangle_5_o {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -68,7 +140,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_5_l {
|
||||
.rectangle_5_o {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -80,7 +152,7 @@
|
||||
--web-action-target: test4___perfomance___1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#circle_3_l {
|
||||
#circle_3_o {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -94,7 +166,7 @@
|
||||
--web-action-target: test4_next_remote___6.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
.circle_3_l {
|
||||
.circle_3_o {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 35px;
|
||||
@@ -102,7 +174,7 @@
|
||||
left: 331px;
|
||||
top: 517px;
|
||||
}
|
||||
#circle_4_l {
|
||||
#circle_4_o {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -116,7 +188,7 @@
|
||||
--web-action-target: test4_next_remote___1.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
.circle_4_l {
|
||||
.circle_4_o {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 35px;
|
||||
@@ -124,7 +196,7 @@
|
||||
left: 434px;
|
||||
top: 519px;
|
||||
}
|
||||
#remote_l {
|
||||
#remote_o {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -134,7 +206,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.remote_l {
|
||||
.remote_o {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 114px;
|
||||
@@ -3060,24 +3132,40 @@ window.application = new Application();
|
||||
</head>
|
||||
<body>
|
||||
<div id="test4_next_remote">
|
||||
<img id="test4_next_remote_ly" src="test4_next_remote_ly.png" srcset="test4_next_remote_ly.png 1x, test4_next_remote_ly@2x.png 2x">
|
||||
<img id="test4_next_remote_ov" src="test4_next_remote_ov.png" srcset="test4_next_remote_ov.png 1x, test4_next_remote_ov@2x.png 2x">
|
||||
|
||||
<img id="n_upper_banner_lz" src="n_upper_banner_lz.png" srcset="n_upper_banner_lz.png 1x, n_upper_banner_lz@2x.png 2x">
|
||||
<svg class="n_40_ow">
|
||||
<ellipse id="n_40_ow" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_56_ox">
|
||||
<ellipse id="n_56_ox" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_57_oy">
|
||||
<ellipse id="n_57_oy" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_58_oz">
|
||||
<ellipse id="n_58_oz" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<img id="n_upper_banner_o" src="n_upper_banner_o.png" srcset="n_upper_banner_o.png 1x, n_upper_banner_o@2x.png 2x">
|
||||
|
||||
<svg class="rectangle_5_l">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_5_l" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<svg class="rectangle_5_o">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_5_o" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="circle_3_l">
|
||||
<ellipse onclick="application.goToTargetView(event)" id="circle_3_l" rx="17.5" ry="18" cx="17.5" cy="18">
|
||||
<svg class="circle_3_o">
|
||||
<ellipse onclick="application.goToTargetView(event)" id="circle_3_o" rx="17.5" ry="18" cx="17.5" cy="18">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="circle_4_l">
|
||||
<ellipse onclick="application.goToTargetView(event)" id="circle_4_l" rx="17.5" ry="18" cx="17.5" cy="18">
|
||||
<svg class="circle_4_o">
|
||||
<ellipse onclick="application.goToTargetView(event)" id="circle_4_o" rx="17.5" ry="18" cx="17.5" cy="18">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="remote_l">
|
||||
<rect onclick="application.goToTargetView(event)" id="remote_l" rx="8" ry="8" x="0" y="0" width="114" height="51">
|
||||
<svg class="remote_o">
|
||||
<rect onclick="application.goToTargetView(event)" id="remote_o" rx="8" ry="8" x="0" y="0" width="114" height="51">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user