新增模拟页面圆点，控制页面增加仿真操作记录
This commit is contained in:
106
public/flukemoni/Ex3/test6__wiremap.html
Normal file → Executable file
106
public/flukemoni/Ex3/test6__wiremap.html
Normal file → Executable file
@@ -42,7 +42,7 @@
|
||||
}
|
||||
|
||||
}
|
||||
#test6_wiremap_xk {
|
||||
#test6_wiremap_a {
|
||||
position: absolute;
|
||||
width: 480px;
|
||||
height: 640px;
|
||||
@@ -50,7 +50,61 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#n_upper_banner_xl {
|
||||
#n_40_bag {
|
||||
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_bag {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 34px;
|
||||
top: 51px;
|
||||
}
|
||||
#n_51_c {
|
||||
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_c {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 229px;
|
||||
top: 98px;
|
||||
}
|
||||
#n_52_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_52_d {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
left: 388px;
|
||||
top: 98px;
|
||||
}
|
||||
#n_upper_banner_bah {
|
||||
position: absolute;
|
||||
width: 480px;
|
||||
height: 30px;
|
||||
@@ -58,7 +112,7 @@
|
||||
top: 0px;
|
||||
overflow: visible;
|
||||
}
|
||||
#rectangle_5_xm {
|
||||
#rectangle_5_bap {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -68,7 +122,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_5_xm {
|
||||
.rectangle_5_bap {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -76,7 +130,7 @@
|
||||
left: 19px;
|
||||
top: 48px;
|
||||
}
|
||||
#rectangle_5_xn {
|
||||
#rectangle_5_baq {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -86,7 +140,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_5_xn {
|
||||
.rectangle_5_baq {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 49px;
|
||||
@@ -98,7 +152,7 @@
|
||||
--web-action-target: Results.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_8_xo {
|
||||
#rectangle_8_h {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -108,7 +162,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_8_xo {
|
||||
.rectangle_8_h {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -120,7 +174,7 @@
|
||||
--web-action-target: test6___perfomance.html;
|
||||
cursor: pointer;
|
||||
}
|
||||
#rectangle_8_xp {
|
||||
#rectangle_8_l {
|
||||
opacity: 0;
|
||||
fill: rgba(255,255,255,1);
|
||||
stroke: rgba(112,112,112,1);
|
||||
@@ -130,7 +184,7 @@
|
||||
stroke-miterlimit: 4;
|
||||
shape-rendering: auto;
|
||||
}
|
||||
.rectangle_8_xp {
|
||||
.rectangle_8_l {
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
width: 156px;
|
||||
@@ -3056,24 +3110,36 @@ window.application = new Application();
|
||||
</head>
|
||||
<body>
|
||||
<div id="test6_wiremap">
|
||||
<img id="test6_wiremap_xk" src="test6_wiremap_xk.png" srcset="test6_wiremap_xk.png 1x, test6_wiremap_xk@2x.png 2x">
|
||||
<img id="test6_wiremap_a" src="test6_wiremap_a.png" srcset="test6_wiremap_a.png 1x, test6_wiremap_a@2x.png 2x">
|
||||
|
||||
<img id="n_upper_banner_xl" src="n_upper_banner_xl.png" srcset="n_upper_banner_xl.png 1x, n_upper_banner_xl@2x.png 2x">
|
||||
<svg class="n_40_bag">
|
||||
<ellipse id="n_40_bag" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_51_c">
|
||||
<ellipse id="n_51_c" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<svg class="n_52_d">
|
||||
<ellipse id="n_52_d" rx="11" ry="11" cx="11" cy="11">
|
||||
</ellipse>
|
||||
</svg>
|
||||
<img id="n_upper_banner_bah" src="n_upper_banner_bah.png" srcset="n_upper_banner_bah.png 1x, n_upper_banner_bah@2x.png 2x">
|
||||
|
||||
<svg class="rectangle_5_xm">
|
||||
<rect id="rectangle_5_xm" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<svg class="rectangle_5_bap">
|
||||
<rect id="rectangle_5_bap" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_5_xn">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_5_xn" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
<svg class="rectangle_5_baq">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_5_baq" rx="0" ry="0" x="0" y="0" width="49" height="31">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_xo">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_xo" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_h">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_h" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class="rectangle_8_xp">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_xp" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
<svg class="rectangle_8_l">
|
||||
<rect onclick="application.goToTargetView(event)" id="rectangle_8_l" rx="0" ry="0" x="0" y="0" width="156" height="36">
|
||||
</rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user