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-29 11:05:02 +08:00
parent e01756d12a
commit 2832ca4633
4 changed files with 31 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
css/style.css
View File

@ -1,3 +1,7 @@
html {
background-image: url("../img/background.jpg");
}
table { table {
background-color: #ffffffbb; background-color: #ffffffbb;
border-style: solid; border-style: solid;
@ -15,29 +19,27 @@ hr {
border: 1px solid #2c6a99; border: 1px solid #2c6a99;
} }
/* 未訪問超連結 */
a:link { a:link {
color: #000000; color: #000000;
} }
/* 未訪問超連結 */ /* 已訪問超連結 */
a:visited { a:visited {
color: #000000; color: #000000;
} }
/* 已訪問超連結 */ /* 滑鼠移動到超連結上 */
a:hover { a:hover {
color: #1070c4; color: #1070c4;
background-color: #ffffff;
} }
/* 滑鼠移動到超連結上 */ /* 滑鼠點選時 */
a:active { a:active {
color: #0d5da3; color: #0d5da3;
} }
/* 滑鼠點選時 */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label {
font-family: 'Arial', system-ui; font-family: 'Arial', system-ui;
@ -48,6 +50,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label {
} }
.centerText { .centerText {
font-family: 'Arial', system-ui;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
@ -86,8 +89,6 @@ input[type="date"] {
color: #000000; color: #000000;
border-style: solid; border-style: solid;
border-radius: 5px; border-radius: 5px;
/*box-shadow: 0px 0px 5px rgba(66,66,66,.75);*/
/*text-shadow: -50px 0px 0px rgba(66,66,66,.0);*/
font-family: 'Arial', system-ui font-family: 'Arial', system-ui
} }
@ -107,7 +108,6 @@ button {
background: -moz-linear-gradient(top, #4ab1ff, #0d5da3); background: -moz-linear-gradient(top, #4ab1ff, #0d5da3);
background: linear-gradient(to bottom, #4ab1ff, #0d5da3); background: linear-gradient(to bottom, #4ab1ff, #0d5da3);
text-shadow: #591717 1px 1px 1px; text-shadow: #591717 1px 1px 1px;
/*font: normal normal bold 15px arial;*/
font-family: 'Arial', system-ui; font-family: 'Arial', system-ui;
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
@ -141,7 +141,6 @@ button:active {
background: -moz-linear-gradient(top, #ff4a4a, #a30d0d); background: -moz-linear-gradient(top, #ff4a4a, #a30d0d);
background: linear-gradient(to bottom, #ff4a4a, #a30d0d); background: linear-gradient(to bottom, #ff4a4a, #a30d0d);
text-shadow: #591717 1px 1px 1px; text-shadow: #591717 1px 1px 1px;
/*font: normal normal bold 15px arial;*/
font-family: 'Arial', system-ui; font-family: 'Arial', system-ui;
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
@ -165,10 +164,12 @@ button:active {
.center { .center {
width: fit-content; width: fit-content;
height: 40px;
margin: 0 auto; margin: 0 auto;
} }
html { .autosize-text {
background-image: url("../img/background.jpg"); font-size: 5vw;
font-family: 'Arial', system-ui;
text-align: center;
font-weight: bold;
} }

7
edit.html
View File

@ -14,11 +14,10 @@
</head> </head>
<body> <body>
<h1 class="centerText" id="title">新增/修改紀錄</h1> <h1 class="autosize-text" id="my_title">新增/修改紀錄</h1>
<hr /> <hr />
<h4>填寫方式：掉刀填0，正常出刀填X周-Y王。</h4> <h4><p>填寫方式：掉刀填0，正常出刀填X周-Y王。</p></h4>
<br /> <h4><p>傷害依照幹部規定要不要填，如不填可留空</p></h4>
<h4>傷害依照幹部規定要不要填，如不填可留空</h4>
<hr /> <hr />
<form id="record-form"> <form id="record-form">
<table> <table>

11
js/edit.js
View File

@ -1,7 +1,7 @@
var paramValue = ""; var paramValue = "";
var memberId = ""; var memberId = "";
var title = document.getElementById("title"); var title = document.getElementById("my_title");
var knife1_boss = document.getElementById("knife1_boss"); var knife1_boss = document.getElementById("knife1_boss");
var knife1_damage = document.getElementById("knife1_damage"); var knife1_damage = document.getElementById("knife1_damage");
@ -54,6 +54,8 @@ window.onload = function () {
}); });
}; };
document.addEventListener('resize', adjustTextSize);
document.getElementById("record-form").addEventListener("submit", function (event) { document.getElementById("record-form").addEventListener("submit", function (event) {
event.preventDefault(); // 阻止表單預設提交行為 event.preventDefault(); // 阻止表單預設提交行為
@ -76,6 +78,13 @@ document.getElementById("record-form").addEventListener("submit", function (even
); );
}); });
function adjustTextSize() {
var screenWidth = window.innerWidth;
var fontSize = screenWidth * 0.04;
title.fontSize = fontSize + 'px';
}
function getParameterByName(name) { function getParameterByName(name) {
// 获取 URL 中的参数部分 // 获取 URL 中的参数部分
var url = window.location.href; var url = window.location.href;

4
member/index.html
View File

@ -14,7 +14,9 @@
<body id="body"> <body id="body">
<h1 class="centerText">成員管理</h1> <h1 class="centerText">成員管理</h1>
<hr> <hr>
<h4><a href="./new.html">新增成員</a></h4> <div class="center">
<h4><a href="./new.html">新增成員</a></h4>
</div>
<hr> <hr>
<script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
<script src="./js/index.js"></script> <script src="./js/index.js"></script>