1

syhy0612 · Jun 8, 2024 · 2205677 · 2205677
1 parent 0d8145a
commit 2205677
Show file tree

Hide file tree

Showing 9 changed files with 63 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -41,8 +41,34 @@ <h2>备注信息</h2>
                 <div class="note">
                     <h2>发言信息</h2>
                     <div id="roles" class="note-input">
-                        <span>01:</span>
-                        <input type="text" value="">
+                        <div class="role-entry">
+                            <label for="input01">01:</label>
+                            <input type="text" id="input01">
+                        </div>
+                        <div class="role-entry">
+                            <label for="input02">02:</label>
+                            <input type="text" id="input02">
+                        </div>
+                        <div class="role-entry">
+                            <label for="input03">03:</label>
+                            <input type="text" id="input03">
+                        </div>
+                        <div class="role-entry">
+                            <label for="input04">04:</label>
+                            <input type="text" id="input04">
+                        </div>
+                        <div class="role-entry">
+                            <label for="input05">05:</label>
+                            <input type="text" id="input05">
+                        </div>
+                        <div class="role-entry">
+                            <label for="input06">06:</label>
+                            <input type="text" id="input06">
+                        </div>
+                        <div class="role-entry">
+                            <label for="input07">07:</label>
+                            <input type="text" id="input07">
+                        </div>
                         <input type="text" value="02:">
                         <input type="text" value="03:">
                         <input type="text" value="04:">

diff --git a/baidu.html → others/baidu.html b/baidu.html → others/baidu.html
diff --git a/demo.css → others/demo.css b/demo.css → others/demo.css
diff --git a/demo.html → others/demo.html b/demo.html → others/demo.html
diff --git a/gpt4.html → others/gpt4.html b/gpt4.html → others/gpt4.html
diff --git a/script2.js → others/script2.js b/script2.js → others/script2.js
diff --git a/狼人杀记录模版规范.md → others/狼人杀记录模版规范.md b/狼人杀记录模版规范.md → others/狼人杀记录模版规范.md
diff --git a/scripts.js b/scripts.js
@@ -32,14 +32,13 @@ function stopTimer() {
 }
 
 function resetNotes() {
-    // 弹出确认对话框
-    if (confirm('确定要重置所有笔记吗？')) {
+    if (confirm('确定重置吗？')) {
         document.querySelectorAll('.note-input input, .note-input textarea').forEach(element => {
-            if (element.type === 'text' || element.nodeName === 'TEXTAREA') {
-                element.value = '';  // 清空所有输入和文本区域
-            }
-        });
-        //todo 复原部分信息
+            if (element.type === 'text')
+                element.value = '';
+            if (element.nodeName === 'TEXTAREA')
+                element.value = '警上：\n警下：';
+        })
     }
 }
 

diff --git a/styles.css b/styles.css
@@ -58,6 +58,22 @@ body {
     text-align: center;
 }
 
+.role-entry {
+    display: flex;
+    /* 使用 Flexbox 布局 */
+    align-items: center;
+    /* 垂直居中对齐标签和输入框 */
+    /* margin-bottom: 8px; */
+    /* 每个输入框之间的间距 */
+}
+
+/* 发言信息 */
+.role-entry label {
+    margin-right: 10px;
+    font-size: 14px;
+    /* 标签和输入框之间的间隔 */
+}
+
 h1 {
     text-align: center;
     position: relative;
@@ -76,8 +92,19 @@ h1 {
     text-align: left;
 }
 
-.note div {
-    margin-bottom: 10px;
+#roles {
+    /* display: flex; */
+    /* 使用 Flexbox 布局 */
+    /* flex-wrap: wrap; */
+    /* 允许内容换行 */
+    gap: 10px;
+    /* 设置元素间的间隙 */
+    min-height: 200px;
+    /* 设置最小高度 */
+    width: 100%;
+    /* 容器宽度 */
+    padding: 10px;
+    /* 内部填充 */
 }
 
 input {
@@ -90,8 +117,6 @@ input {
     font-size: 14px;
 }
 
-
-
 .button {
     padding: 5px 10px;
     margin-top: 10px;