Skip to content

Commit b1ab336

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

38 files changed

+1590
-834
lines changed

‎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(./方形3.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(./方形4.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(./方形5.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(./科技.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(./横线.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>

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

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

‎examples/data/plot-sign/sign3.html renamed to ‎examples/data/plot-sign/sign5_多行文字.html

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,24 +2,32 @@
22
<html lang="en">
33
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
44
<body>
5-
<div style="position: absolute; left: 45%;top: 45%;">
6-
<div id="sign" style="width:fit-content;">
7-
<div id="title"
5+
<div>
6+
<div id="sign" style="width:fit-content;position: absolute;z-index:-1;top: 0;">
7+
<!-- 标牌标题、背景等 -->
8+
<div id="0"
89
style="border: 0.7px solid #00A0E9FF; border-bottom: 0px;font-size:22px;text-align: center;color: #FFFF00FE;letter-spacing: 2px;background-color: #00FFFF47;
910
background-size: 100% 100%;background-repeat: no-repeat;padding: 5px;line-height: 0.9;padding-bottom:8px">
1011
标牌文字</div>
1112
<div
1213
style="border: 0.9px solid #00A0FFFE;border-right: 0px; background-color: red;height: 0px;margin-top: 0px;">
1314
</div>
14-
<div id="content"
15+
<!-- 文本内容 -->
16+
<div
1517
style="border: 0.7px solid #00A0E9FF;border-top:0px;border-bottom:0px;color: #F79646FF;padding: 3px 10px;background-color: #00FFFF47;line-height: 0.6;">
16-
18+
<p id="1">内容：标牌文字内容1</p>
19+
<p id="2">内容：标牌文字内容2</p>
20+
<p id="3">内容：标牌文字内容3</p>
21+
<p id="4">内容：标牌文字内容3</p>
1722
</div>
23+
<!-- 横线，相当于标牌托 -->
1824
<div
1925
style="border: 1px solid #00FF00FF;border-right: 0px; background-color: red;height: 0px;margin-top: 0px;">
2026
</div>
21-
<!-- <img src="./鲸鱼_白底.png" style="width: 100%;height: 50px;"> -->
22-
<!-- 竖线 ，相当于标牌炳-->
27+
<!-- 竖线 ，相当于标牌炳
28+
<div
29+
style="border: 0.7px solid #36E107FF; background-color: red;height: 80px;width: 0px;margin-left: 50%;margin-top: 0px;">
30+
</div>-->
2331
</div>
2432
</div>
2533
</body>

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

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

‎examples/data/plot-sign/sign6_多行文字1.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="border: 0.2px solid #00FFFF7F; border-bottom: 0px;font-size:22px; padding-left:10px;padding-top:5px; color: #00FFFFFE;letter-spacing: 2px;background-color: #0336497F;
10+
background-size: 100% 100%;background-repeat: no-repeat;">
11+
标牌文字</div>
12+
<!-- 文本内容 -->
13+
<div
14+
style="border: 0.2px solid #00FFFF7F;border-top:0px;border-bottom:0px;color: #00FFFFFE;padding: 3px 10px;background-color: #0336497F;line-height: 0.6;">
15+
<p id="1" style="margin-top:5px">内容：标牌文字内容1</p>
16+
<p id="2">内容：标牌文字内容2</p>
17+
<p id="3">内容：标牌文字内容3</p>
18+
</div>
19+
<!-- 横线，相当于标牌托 -->
20+
<div
21+
style="border: 0.7px solid #00FFFFFE;border-right: 0px; background-color: red;height: 0px;margin-top: 0px;">
22+
</div>
23+
<!-- 竖线 ，相当于标牌炳
24+
<div
25+
style="border: 0.5px solid #00FFFFFE; background-color: red;height: 80px;width: 0px;margin-left: 50%;margin-top: 0px;">
26+
</div>-->
27+
</div>
28+
</div>
29+
</body>
30+
31+
</html>

0 commit comments

Comments
 (0)