Skip to content

Commit f1b9a44

Browse files
LYH-120LYH-120
committed
图片格式跟新
1 parent d76e180 commit f1b9a44

File tree

255 files changed

+253
-83
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

255 files changed

+253
-83
lines changed

‎assets/css/general.css‎

Lines changed: 59 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,84 @@
1-
.container{
1+
.bg {
22
background-image: url("../../images/general/bg-zh-hant.png");
33
width: 1280px;
44
height: 720px;
55
display: inline-block;
66
}
7-
/* .container_2{
8-
9-
} */
10-
.res{
7+
8+
.container_2 {
9+
background-color: #00000085;
10+
width: 1280px;
11+
height: 720px;
12+
position: absolute;
13+
margin: 0 0 0 0;
14+
z-index: 10;
15+
}
16+
.genNum{
17+
position: absolute;
18+
color: rgba(255, 255, 255, 1);
19+
font-family: "Noto Sans", sans-serif;
20+
font-weight: bold;
21+
display: flex;
22+
justify-content: center;
23+
align-items: center;
24+
25+
}
26+
.res {
1127
position: absolute;
12-
color: white;
28+
color: rgba(255, 255, 255, 0.89);
1329
font-family: "Noto Sans", sans-serif;
1430
font-weight: bold;
1531
display: flex;
1632
justify-content: center;
1733
align-items: center;
1834
width: 100px;
19-
}
20-
21-
#money{
35+
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5),
36+
-1px -1px 10px rgba(0, 0, 0, 0.5);
37+
38+
}
39+
40+
.vol {
41+
color: rgb(218, 218, 218);
42+
}
43+
44+
.dazi {
45+
letter-spacing: 1px;
46+
font-size: 27px;
47+
}
48+
49+
.xiaozi {
50+
letter-spacing: 1px;
51+
padding-top: 52px;
52+
font-size: 17px;
53+
}
54+
55+
#money {
2256
padding-top: 8px;
23-
padding-left: 50px;
24-
font-size: 25px;
57+
padding-left: 45px;
2558
}
26-
#medal{
59+
60+
#medal {
2761
padding-top: 8px;
2862
padding-left: 220px;
29-
font-size: 25px;
3063
}
31-
#blue{
32-
padding-left: 10px;
33-
padding-top: 55px;
34-
font-size: 15px;
64+
65+
#blue {
66+
padding-left: 15px;
3567
}
36-
#purple{
37-
padding-left: 115px;
38-
padding-top: 55px;
39-
font-size: 15px;
68+
69+
#purple {
70+
padding-left: 120px;
4071
}
41-
#tech{
72+
73+
#tech {
4274
padding-left: 220px;
43-
padding-top: 55px;
44-
font-size: 15px;
4575
}
46-
#yellow{
47-
padding-left: 325px;
48-
padding-top: 55px;
49-
font-size: 15px;
76+
77+
#yellow {
78+
padding-left: 327px;
5079
}
51-
.editor{
80+
81+
.editor {
5282
width: 300px;
5383
height: 600px;
5484
background-color: aliceblue;

‎assets/js/general.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ var purple = $('#purple_val');
55
var tech = $('#tech_val');
66
var yellow = $('#yellow_val');
77
var display_container2 = 1;
8+
var genNum=$('#genNum');
9+
var ctx = genNum.getContext("2d");
810
$(document).ready(function() {
911
// 监听资源输入框的变化
1012
$('.resedit').on('input', function() {

‎general.html‎

Lines changed: 65 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,70 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<title>将领信息图片生成</title>
5-
<meta charset="utf-8">
6-
<link rel="stylesheet" href="./assets/css/general.css">
7-
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8-
</head>
9-
<body style="background-color: darkslateblue;">
10-
<div class="container">
11-
<div id="money" class="res">
12-
<span class="val" id="money_val">999999</span>
13-
</div>
14-
<div id="medal" class="res">
15-
<span class="val" id="medal_val">999999</span>
16-
</div>
17-
<div id="blue" class="res">
18-
<span class="val" id="blue_val">999999</span>
19-
</div>
20-
<div id="purple" class="res">
21-
<span class="val" id="purple_val">999999</span>
22-
</div>
23-
<div id="tech" class="res">
24-
<span class="val" id="tech_val">999999</span>
25-
</div>
26-
<div id="yellow" class="res">
27-
<span class="val" id="yellow_val">999999</span>
28-
</div>
29-
3+
4+
<head>
5+
<title>将领信息图片生成</title>
6+
<meta charset="utf-8">
7+
<link rel="stylesheet" href="./assets/css/general.css">
8+
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
9+
</head>
10+
11+
<body style="background-color: rgb(195, 156, 39);">
12+
<div class="bg">
13+
<div id="money" class="res">
14+
<span class="val dazi" id="money_val">999999</span>
15+
</div>
16+
<div id="medal" class="res">
17+
<span class="val dazi" id="medal_val">999999</span>
18+
</div>
19+
<div id="blue" class="res">
20+
<span class="val xiaozi" id="blue_val">999999</span>
21+
</div>
22+
<div id="purple" class="res">
23+
<span class="val xiaozi" id="purple_val">999999</span>
24+
</div>
25+
<div id="tech" class="res">
26+
<span class="val xiaozi" id="tech_val">999999</span>
27+
</div>
28+
<div id="yellow" class="res">
29+
<span class="val xiaozi" id="yellow_val">999999</span>
30+
</div>
31+
<canvas id="genNum"></canvas>
3032

31-
<div class="container_2" style="background-color: #00000085; width: 1280px;height: 720px;position: absolute; margin: 0 0 0 0;z-index: 10;">
32-
33-
</div>
34-
</div>
35-
<div class="editor">
36-
<div class="input-group">
37-
<input class="resedit" type="text" placeholder="金币">
38-
</div>
39-
<div class="input-group">
40-
<input class="resedit" type="text" placeholder="勋章">
41-
</div>
42-
<div class="input-group">
43-
<input class="resedit" type="text" placeholder="工业">
44-
</div>
45-
<div class="input-group">
46-
<input class="resedit" type="text" placeholder="能源">
47-
</div>
48-
<div class="input-group">
49-
<input class="resedit" type="text" placeholder="科技">
50-
</div>
51-
<div class="input-group">
52-
<input class="resedit" type="text" placeholder="黄章">
53-
</div>
54-
<button>按钮6</button>
33+
<div class="container_2">
34+
35+
</div>
36+
37+
</div>
38+
<div class="editor">
39+
<div class="input-group">
40+
<input class="resedit" type="text" placeholder="金币">
41+
</div>
42+
<div class="input-group">
43+
<input class="resedit" type="text" placeholder="勋章">
44+
</div>
45+
<div class="input-group">
46+
<input class="resedit" type="text" placeholder="工业">
47+
</div>
48+
<div class="input-group">
49+
<input class="resedit" type="text" placeholder="能源">
50+
</div>
51+
<div class="input-group">
52+
<input class="resedit" type="text" placeholder="科技">
53+
</div>
54+
<div class="input-group">
55+
<input class="resedit" type="text" placeholder="黄章">
56+
</div>
57+
<div class="input-group">
58+
<input class="resedit" type="text" placeholder="当前将领数">
59+
</div>
60+
<div class="input-group">
61+
<input class="resedit" type="text" placeholder="总将领数">
5562
</div>
5663

57-
</body>
58-
<script src="./assets/js/general.js"></script>
59-
</html>
64+
<button>按钮6</button>
65+
</div>
66+
67+
</body>
68+
<script src="./assets/js/general.js"></script>
69+
70+
</html>

‎images/fnt/0.png‎

1.98 KB

‎images/general/bg-zh-hant.png‎

-571 KB

‎images/general/generalphoto/general_Abrams.png‎

103 KB

‎images/general/generalphoto/general_Abrams.webp‎

-15.1 KB
Binary file not shown.

‎images/general/generalphoto/general_Alexander.png‎

95.6 KB

‎images/general/generalphoto/general_Alexander.webp‎

-15.2 KB
Binary file not shown.

‎images/general/generalphoto/general_America.png‎

84.6 KB

0 commit comments

Comments
 (0)