Skip to content

Commit b1ab336

Browse files
hhyu1hhyu1
committed
提交标绘产品示例及示例资源
1 parent ca6e25c commit b1ab336

38 files changed

Lines changed: 1590 additions & 834 deletions

‎examples/data/plot-sign/sign1.html‎

Lines changed: 0 additions & 22 deletions
This file was deleted.

‎examples/data/plot-sign/sign10_图片背景4.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4+
<body>
5+
<div>
6+
<div id="sign" style="width:fit-content;position: absolute;z-index:-1;top: 0;">
7+
<!-- 文本内容 -->
8+
<div
9+
style="border-radius:10px;color: rgb(255, 255, 255);padding: 3px 20px;background-color: #0336494C;line-height: 0.6;background-image: url("https://github.com/SuperMap/iClient-JavaScript/commit/%E6%96%B9%E5%BD%A23.png");background-size: 100% 100%;background-repeat: no-repeat;">
10+
<!-- 标牌标题、背景等 -->
11+
<p id="0" style="margin:16px;color: rgb(255, 255, 255); font-size:20px;text-align:center;" >标题</p>
12+
<p id="1" style="margin-top:12px">内容：标牌文字内容1</p>
13+
<p id="2">内容：标牌文字内容2</p>
14+
<p id="3" style="margin-bottom:15px">内容：标牌文字内容3</p>
15+
</div>
16+
<!-- 竖线 ，相当于标牌炳
17+
<div
18+
style="border: 0.5px solid rgba(56, 213, 253, 1); background-color: red;height: 80px;width: 0px;margin-left: 50%;margin-top: 0px;">
19+
</div>-->
20+
</div>
21+
</div>
22+
</body>
23+
24+
</html>

‎examples/data/plot-sign/sign11_图片背景5.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4+
<body>
5+
<div>
6+
<div id="sign" style="width:fit-content;position: absolute;z-index:-1;top: 0;">
7+
<!-- 文本内容 -->
8+
<div
9+
style="border-radius:10px;color: rgb(255, 255, 255);padding: 3px 28px;background-color: #0336494C;line-height: 0.6;background-image: url("https://github.com/SuperMap/iClient-JavaScript/commit/%E6%96%B9%E5%BD%A24.png");background-size: 100% 100%;background-repeat: no-repeat;">
10+
<!-- 标牌标题、背景等 -->
11+
<p id="0" style="margin:18px;color: rgb(255, 255, 255); font-size:20px;text-align:center;" >标题</p>
12+
<p id="1" style="margin-top:12px">内容：标牌文字内容1</p>
13+
<p id="2" style="margin-bottom:15px">内容：标牌文字内容2</p>
14+
</div>
15+
<!-- 竖线 ，相当于标牌炳
16+
<div
17+
style="border: 0.5px solid rgba(140, 72, 0, 1); background-color: red;height: 80px;width: 0px;margin-left: 50%;margin-top: 0px;">
18+
</div>-->
19+
</div>
20+
</div>
21+
</body>
22+
23+
</html>

‎examples/data/plot-sign/sign12_图片背景6.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4+
<body>
5+
<div>
6+
<div id="sign" style="width:fit-content;position: absolute;z-index:-1;top: 0;">
7+
<div id="0"
8+
style="font-size: 22px;text-align: center;color: rgb(255, 255, 255);letter-spacing: 5px;
9+
background-image: url("https://github.com/SuperMap/iClient-JavaScript/commit/%E6%96%B9%E5%BD%A25.png");background-size: 100% 100%;background-repeat: no-repeat;padding: 12px;line-height: 0.6;">
10+
标题</div>
11+
<div
12+
style="border: 0.7px solid rgba(79, 233, 238, 1);color: rgb(255,255,255);padding: 3px 10px;background-color: rgba(0, 232, 232, 0.38);line-height: 0.6;">
13+
<p id="1" style="margin-top:8px">内容：标题内容1</p>
14+
<p id="2">内容：标题内容2</p>
15+
<p id="3" style="margin-bottom:8px">内容：标题内容3</p>
16+
</div>
17+
<div
18+
style="border: 0.7px solid rgba(79, 233, 238, 1); height: 0px;margin-top: 0px;">
19+
</div>
20+
<!--
21+
<div
22+
style="border: 0.7px solid rgba(79, 233, 238, 1); background-color: red;height: 80px;width: 0px;margin-left: 50%;margin-top: 0px;">
23+
</div>-->
24+
</div>
25+
</div>
26+
</body>
27+
28+
</html>

‎examples/data/plot-sign/sign1_图片背景.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4+
<body>
5+
<div>
6+
<div id="sign" style="width:fit-content;position: absolute;z-index:-1;top: 0;">
7+
<!-- 标牌标题、背景等 -->
8+
<div id="0"
9+
style="font-size: 22px;text-align: center;color: rgb(255, 255, 255);letter-spacing: 5px;background-color: #0336494C;
10+
background-image: url("https://github.com/SuperMap/iClient-JavaScript/commit/%E7%A7%91%E6%8A%80.png");background-size: 100% 100%;background-repeat: no-repeat;padding: 5px;line-height: 0.8;">
11+
标题</div>
12+
<!-- 文本内容 -->
13+
<div
14+
style="border: 1px solid rgba(56, 213, 253, 1);border-radius:10px;border-top:0px;border-bottom:0px;color: rgb(255, 255, 255);padding: 3px 10px;background-color: #0336494C;line-height: 0.6;">
15+
<p id="1" style="margin-top:5px" >内容：标牌文字内容1</p>
16+
<p id="2">内容：标牌文字内容2</p>
17+
<p id="3" style="margin-bottom:8px">内容：标牌文字内容3</p>
18+
</div>
19+
<!-- 横线，相当于标牌托 -->
20+
<div
21+
style="border: 0.5px solid rgba(56, 213, 253, 1);border-right: 0px; background-color: red;height: 0px;margin-top: 0px;margin-left:8px;margin-right:8px;">
22+
</div>
23+
<!-- 竖线 ，相当于标牌炳
24+
<div
25+
style="border: 0.5px solid rgba(56, 213, 253, 1); background-color: red;height: 80px;width: 0px;margin-left: 50%;margin-top: 0px;">
26+
</div>-->
27+
</div>
28+
</div>
29+
</body>
30+
31+
</html>

‎examples/data/plot-sign/sign2.html‎

Lines changed: 0 additions & 22 deletions
This file was deleted.

‎examples/data/plot-sign/sign2_多行文字_无边框.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4+
<body>
5+
<div>
6+
<div id="sign" style="width:fit-content; position: absolute;z-index:-1;top: 0;">
7+
<div id="0"
8+
style="font-size: 22px;text-align: center;color: rgb(255, 255, 255);letter-spacing: 5px;background-color: #0336497F;
9+
background-image: url("https://github.com/SuperMap/iClient-JavaScript/commit/%E6%A8%AA%E7%BA%BF.png");background-size: 100% 100%;background-repeat: no-repeat;padding: 5px;line-height: 0.8;">
10+
标题</div>
11+
<div
12+
style="color: rgb(255, 255, 255);padding: 3px 10px;background-color: #0336497F;line-height: 0.6;">
13+
<p id="1" style="margin-top:5px" >内容：内容1</p>
14+
<p id="2">内容：内容2</p>
15+
<p id="3">内容：内容3</p>
16+
</div>
17+
<!-- 横线，相当于托盘 -->
18+
<div
19+
style="border: 1px solid #00FFFFFE;border-right: 0px; background-color: red;height: 0px;margin-top: 0px;">
20+
</div>
21+
<!-- 竖线
22+
<div
23+
style="border: 0.7px solid #00FFFFFE; background-color: red;height: 80px;width: 0px;margin-left: 50%;margin-top: 0px;">
24+
</div>-->
25+
</div>
26+
</div>
27+
</body>
28+
29+
</html>

‎examples/data/plot-sign/sign3_蓝色.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4+
<body>
5+
<div>
6+
<div id="sign" style="width:fit-content; position: absolute;z-index: -1;top: 0;">
7+
<div id="0"
8+
style="border: 0.2px solid #00FFFF7F;border-bottom:0px;font-size: 22px;text-align: center;color: rgb(255, 255, 255);letter-spacing: 2px;background-color: #0336497F;
9+
background-size: 100% 100%;background-repeat: no-repeat;padding: 5px;line-height: 0.8;">
10+
标牌文字</div>
11+
<!-- 文本内容 -->
12+
<div
13+
style="border: 0.2px solid #00FFFF7F;border-top:0px;border-bottom:0px;color: rgb(255, 255, 255);padding: 3px 10px;background-color: #0336497F;line-height: 0.6;">
14+
<p id="1">内容：标牌文字内容1</p>
15+
<p id="2">内容：标牌文字内容2</p>
16+
<p id="3">内容：标牌文字内容3</p>
17+
<p id="4">内容：标牌文字内容3</p>
18+
</div>
19+
<!-- 横线，相当于标牌托 -->
20+
<div
21+
style="border: 0.3px solid rgb(0, 255, 255);border-right: 0px; background-color: red;height: 0px;margin-top: 0px;">
22+
</div>
23+
<!-- 竖线 ，相当于标牌炳
24+
<div
25+
style="border: 0.3px solid rgb(0, 255, 255); background-color: red;height: 40px;width: 0px;margin-left: 50%;margin-top: 0px;">
26+
</div>-->
27+
</div>
28+
</div>
29+
</body>
30+
31+
</html>

‎examples/data/plot-sign/sign4.html‎

Lines changed: 0 additions & 22 deletions
This file was deleted.

‎examples/data/plot-sign/sign4_红色.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4+
<body>
5+
<div>
6+
<div id="sign" style="width:fit-content;position: absolute;z-index:-1;top: 0;">
7+
<div id="0"
8+
style="border: 0.2px solid #FF00007F; border-bottom:0px;font-size: 22px;text-align: center;color: rgb(255, 255, 255);letter-spacing: 2px;background-color: #FF00644C;
9+
background-size: 100% 100%;background-repeat: no-repeat;padding: 5px;line-height: 0.8;">
10+
标牌文字</div>
11+
<!-- 文本内容 -->
12+
<div
13+
style="border: 0.2px solid #FF00007F;border-top:0px;border-bottom:0px;color: rgb(255, 255, 255);padding: 3px 10px;background-color: #FF00644C;line-height: 0.6;">
14+
<p id="1">内容：标牌文字内容1</p>
15+
<p id="2">内容：标牌文字内容2</p>
16+
<p id="3">内容：标牌文字内容3</p>
17+
<p id="4">内容：标牌文字内容3</p>
18+
</div>
19+
<!-- 横线，相当于托盘 -->
20+
<div
21+
style="border: 0.3px solid #FF0000CC;border-right: 0px; background-color: red;height: 0px;margin-top: 0px;">
22+
</div>
23+
<!-- 竖线
24+
<div
25+
style="border: 0.3px solid #FF0000CC; background-color: red;height: 40px;width: 0px;margin-left: 50%;margin-top: 0px;">
26+
</div> -->
27+
</div>
28+
</div>
29+
</body>
30+
31+
</html>

0 commit comments

Comments
 (0)