ray650128/PcReDiveClanRecordFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

主頁修正完畢

Browse Source
This commit is contained in:
Raymond Yang 2023-06-28 12:13:09 +08:00
parent 28083b0ae0
commit a0311ce8d2
2 changed files with 35 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/style.css
View File

@ -87,6 +87,15 @@ h5 {
margin-right: 0;
}
h6 {
text-align: center;
/*font-weight: bold;*/
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
p {
text-align: center;
font-weight: bold;

66
js/index.js
View File

@ -16,33 +16,33 @@ document.getElementById("body").appendChild(table);
// Creating and adding data to first row of the table
let row_1 = document.createElement("tr");
let heading_1 = document.createElement("th");
heading_1.setAttribute('style', 'width: 28%;')
heading_1.setAttribute('style', 'width: 40%;')
let heading_2 = document.createElement("th");
heading_2.setAttribute('style', 'width: 12%;')
heading_2.setAttribute('style', 'width: 10%;')
let heading_3 = document.createElement("th");
heading_3.setAttribute('style', 'width: 12%;')
heading_3.setAttribute('style', 'width: 10%;')
let heading_4 = document.createElement("th");
heading_4.setAttribute('style', 'width: 12%;')
heading_4.setAttribute('style', 'width: 10%;')
let heading_5 = document.createElement("th");
heading_5.setAttribute('style', 'width: 12%;')
heading_5.setAttribute('style', 'width: 10%;')
let heading_6 = document.createElement("th");
heading_6.setAttribute('style', 'width: 12%;')
heading_6.setAttribute('style', 'width: 10%;')
let heading_7 = document.createElement("th");
heading_7.setAttribute('style', 'width: 12%;')
heading_7.setAttribute('style', 'width: 10%;')
let heading_1_text = document.createElement("h4");
let heading_1_text = document.createElement("h5");
heading_1_text.innerHTML = "成員名稱";
let heading_2_text = document.createElement("h4");
let heading_2_text = document.createElement("h5");
heading_2_text.innerHTML = "1<br>正刀";
let heading_3_text = document.createElement("h4");
let heading_3_text = document.createElement("h5");
heading_3_text.innerHTML = "2<br>正刀";
let heading_4_text = document.createElement("h4");
let heading_4_text = document.createElement("h5");
heading_4_text.innerHTML = "3<br>正刀";
let heading_5_text = document.createElement("h4");
let heading_5_text = document.createElement("h5");
heading_5_text.innerHTML = "1<br>殘刀";
let heading_6_text = document.createElement("h4");
let heading_6_text = document.createElement("h5");
heading_6_text.innerHTML = "2<br>殘刀";
let heading_7_text = document.createElement("h4");
let heading_7_text = document.createElement("h5");
heading_7_text.innerHTML = "3<br>殘刀";
heading_1.appendChild(heading_1_text);
@ -53,20 +53,6 @@ heading_5.appendChild(heading_5_text);
heading_6.appendChild(heading_6_text);
heading_7.appendChild(heading_7_text);
/*heading_1.innerHTML = "<h4>成員名稱</h4>";
let heading_2 = document.createElement("th");
heading_2.innerHTML = "<h4>1<br>正刀</h4>";
let heading_3 = document.createElement("th");
heading_3.innerHTML = "<h4>2<br>正刀</h4>";
let heading_4 = document.createElement("th");
heading_4.innerHTML = "<h4>3<br>正刀</h4>";
let heading_5 = document.createElement("th");
heading_5.innerHTML = "<h4>1<br>殘刀</h4>";
let heading_6 = document.createElement("th");
heading_6.innerHTML = "<h4>2<br>殘刀</h4>";
let heading_7 = document.createElement("th");
heading_7.innerHTML = "<h4>3<br>殘刀</h4>";*/
row_1.appendChild(heading_1);
row_1.appendChild(heading_2);
row_1.appendChild(heading_3);
@ -100,20 +86,20 @@ axios.get("https://pcredive.ray650128.com/backend/api/record", {
if (item.record !== null) {
row_2_data_1.innerHTML = "<h5><a href=\"edit.html?id=" + item.record._id + "\">" + item.member.playerName + "</a><h5>";
row_2_data_2.innerHTML = "<h5>" + item.record.record1.boss + "</h5>";
row_2_data_3.innerHTML = "<h5>" + item.record.record2.boss + "</h5>";
row_2_data_4.innerHTML = "<h5>" + item.record.record3.boss + "</h5>";
row_2_data_5.innerHTML = "<h5>" + item.record.record1c.boss + "</h5>";
row_2_data_6.innerHTML = "<h5>" + item.record.record2c.boss + "</h5>";
row_2_data_7.innerHTML = "<h5>" + item.record.record3c.boss + "</h5>";
row_2_data_2.innerHTML = "<h6>" + item.record.record1.boss + "</h6>";
row_2_data_3.innerHTML = "<h6>" + item.record.record2.boss + "</h6>";
row_2_data_4.innerHTML = "<h6>" + item.record.record3.boss + "</h6>";
row_2_data_5.innerHTML = "<h6>" + item.record.record1c.boss + "</h6>";
row_2_data_6.innerHTML = "<h6>" + item.record.record2c.boss + "</h6>";
row_2_data_7.innerHTML = "<h6>" + item.record.record3c.boss + "</h6>";
} else {
row_2_data_1.innerHTML = item.member.playerName;
row_2_data_2.innerHTML = "<h5>---</h5>";
row_2_data_3.innerHTML = "<h5>---</h5>";
row_2_data_4.innerHTML = "<h5>---</h5>";
row_2_data_5.innerHTML = "<h5>---</h5>";
row_2_data_6.innerHTML = "<h5>---</h5>";
row_2_data_7.innerHTML = "<h5>---</h5>";
row_2_data_2.innerHTML = "<h6>---</h6>";
row_2_data_3.innerHTML = "<h6>---</h6>";
row_2_data_4.innerHTML = "<h6>---</h6>";
row_2_data_5.innerHTML = "<h6>---</h6>";
row_2_data_6.innerHTML = "<h6>---</h6>";
row_2_data_7.innerHTML = "<h6>---</h6>";
}
row_2.appendChild(row_2_data_1);