debug2/demo.md

@@ -0,0 +1 @@
+# test

debug2/test.py

@@ -0,0 +1,45 @@
+from tkinter import *
+
+
+def run1():
+    a = float(inp1.get())
+    b = float(inp2.get())
+    s = '%0.2f+%0.2f=%0.2f\n' % (a, b, a + b)
+    txt.insert(END, s)   # 追加显示运算结果
+    inp1.delete(0, END)  # 清空输入
+    inp2.delete(0, END)  # 清空输入
+
+
+def run2(x, y):
+    a = float(x)
+    b = float(y)
+    s = '%0.2f+%0.2f=%0.2f\n' % (a, b, a + b)
+    txt.insert(END, s)   # 追加显示运算结果
+    inp1.delete(0, END)  # 清空输入
+    inp2.delete(0, END)  # 清空输入
+
+
+root = Tk()
+root.geometry('460x240')
+root.title('简单加法器')
+
+lb1 = Label(root, text='请输入两个数，按下面两个按钮之一进行加法计算')
+lb1.place(relx=0.1, rely=0.1, relwidth=0.8, relheight=0.1)
+inp1 = Entry(root)
+inp1.place(relx=0.1, rely=0.2, relwidth=0.3, relheight=0.1)
+inp2 = Entry(root)
+inp2.place(relx=0.6, rely=0.2, relwidth=0.3, relheight=0.1)
+
+# 方法-直接调用 run1()
+btn1 = Button(root, text='方法一', command=run1)
+btn1.place(relx=0.1, rely=0.4, relwidth=0.3, relheight=0.1)
+'''
+# 方法二利用 lambda 传参数调用run2()
+btn2 = Button(root, text='方法二', command=lambda: run2(inp1.get(), inp2.get()))
+btn2.place(relx=0.6, rely=0.4, relwidth=0.3, relheight=0.1)
+'''
+# 在窗体垂直自上而下位置60%处起，布局相对窗体高度40%高的文本框
+txt = Text(root)
+txt.place(rely=0.6, relheight=0.4)
+
+root.mainloop()

static/css/index.css

@@ -5,12 +5,10 @@
 html,body{
     margin: 0px;
     padding: 0;
-    overflow-y: hidden;
+    width: 100%;
-    background: #c2ccd0e5;
+    height: 90%;
-}
+    overflow: hidden;
-body{
+    background: #c2ccd0;
-    width: 100vw;
-    height: 100vh; 
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
@@ -23,32 +21,25 @@ input[type="number"] {
 h1{
     margin: 10px;
     padding: 5px;
-    width: 80%;
+    width: 50%;
     position: relative;
-    left: 10%;
+    left: 25%;
     border-top: 1px solid #bbcdc5;
     border-left: 1px solid #bbcdc5;
     box-shadow: 4px 4px 5px #888888;
 }
 ul{
-    display: block;
+    width: 60%;
-    height: 50%;
-    min-width: 800px;
-    max-width: 50%;
     position: relative;
-    left: 25%;
+    left: 20%;
     text-align: right;
     border: 1px solid #bbcdc5;
     box-shadow: 4px 4px 5px #888888;
-    overflow: auto;
 }
 li{
-    position: relative;
-    left: 15%;
-    width: 70%;
-    height: 10px;
     margin: 5px;
     padding: 10px;
+    width: 80%;
     list-style: none;
 }
 .notice{
@@ -64,14 +55,14 @@ li{
     display: block;
     margin: 10px;
     padding: 10px;
-    height: 150px;
+    height: 25%;
     text-align: center;
     font-size: large;
     font-weight: bold;
     background: #e0eee8;
 }
 .display{
-    height: 85%;
+    height: 90%;
     margin: 10px;
     padding: 10px;
     position: relative;
@@ -81,8 +72,6 @@ li{
     font-weight: bold;
     text-align: center;
     background: #e0eee8;
-    overflow-y: auto;
-    overflow-x: hidden;
 }
 .result{
     outline: none;
@@ -97,14 +86,13 @@ li{
 }
 .btnn,.btnn2{
     width: 100px;
-    height: 25px;
+    height: 50px;
     font-size: large;
     font-weight: bold;
     background: #f3f9f1;
     outline: none;
     border: #c2ccd0;
     box-shadow: 4px 4px 5px #888888;
-    text-align: center;
 }
 #time{
     display: inline-block;
@@ -118,6 +106,7 @@ li{
     box-shadow: 4px 4px 5px #888888;
 }
 #info{
+    float: left;
     margin: 5px;
     padding: auto;
     width: 15%;

static/js/demo.js

@@ -0,0 +1,25 @@
+//计时器
+var intDiff = parseInt(15);//倒计时总秒数量
+function timer(intDiff) {
+    window.setInterval(function () {
+        var minute = 0,
+            second = 0;//时间默认值        
+        if (intDiff > 0) {
+            minute = Math.floor(intDiff / 60);
+            second = Math.floor(intDiff) - (minute * 60);
+        }
+        if (minute <= 9) minute = '0' + minute;
+        if (second <= 9) second = '0' + second;
+        $('#minute').html('<s></s>' + minute + '分');
+        $('#second').html('<s></s>' + second + '秒');
+        intDiff++;
+        if (intDiff >= 20) {
+            clearInterval(timer);   //定时器清除；
+            history.back(-1);
+        }
+    }, 1000);
+
+}
+$(function () {
+    timer(intDiff);
+});

static/js/index.js

@@ -234,11 +234,7 @@ $(document).ready(function () {
             btn.text(parseFloat(btn.text()) - 1 + 's');
             if (parseFloat(btn.text()) == 0) {
                 stopct();
-                flag_input = true;
                 check();
-                $("#show").show();
-                $(".result").attr("disabled", 'disabled');
-                $("#check").attr("disabled", 'disabled');
             }
         }, 1000);
     }

templates/index.html

@@ -28,11 +28,12 @@
         <span id="time">0s</span>
         <button id="check" class="btnn" data-name="check" style="display: none;">提交答案</button>
         <button id="show" class="btnn" data-name="show" style="display: none;">查看答案</button>
-
-        <span id="info" style="display: none;"></span>
     </div>
     <div class="display">
-        <ul id="ul" style="display: none"></ul>
+        <span id="info" style="display: none;"></span>
+        <ul id="ul" style="display: none">
+        </ul>
+    </div>
     </div>
 </body>