From d53cebadc97c5473a17745571a06bfbe982c3330 Mon Sep 17 00:00:00 2001
From: zogodo <742782908@qq.com>
Date: Sat, 22 Feb 2020 13:28:41 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E6=A0=BC=20OK?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 TC1/http_server/web/demo.html | 89 +++++++++++++++++++++++++----------
 1 file changed, 63 insertions(+), 26 deletions(-)

diff --git a/TC1/http_server/web/demo.html b/TC1/http_server/web/demo.html
index 9a9d55d..23b2eb1 100644
--- a/TC1/http_server/web/demo.html
+++ b/TC1/http_server/web/demo.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <title>Material Design Lite</title>
+    <title>TC1 Material</title>
     <meta name="mobile-web-app-capable" content="yes">
     <link rel="icon" sizes="192x192" href="http://119.23.191.79/tc1/images/android-desktop.png">
     <!-- Add to homescreen for Safari on iOS -->
@@ -224,49 +224,86 @@
             </div>
           </div>
 
-          <div class="page page3 mdl-cell">
-            <table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp">
+          <div class="page page3 mdl-cell demo-card-event mdl-card mdl-shadow--2dp">
+            <table class="mdl-data-table mdl-js-data-table">
               <thead>
                 <tr>
-                  <th class="mdl-data-table__cell--non-numeric">Material</th>
-                  <th>Quantity</th>
-                  <th>Unit price</th>
+                  <th class="mdl-data-table__cell--non-numeric">Name</th>
+                  <th class="mdl-data-table__cell--non-numeric">Nickname</th>
+                  <th>Age</th>
+                  <th class="mdl-data-table__cell--non-numeric">Living?</th>
                 </tr>
               </thead>
               <tbody>
                 <tr>
-                  <td class="mdl-data-table__cell--non-numeric">Acrylic (Transparent)</td>
-                  <td>25</td>
-                  <td>$2.90</td>
+                  <td class="mdl-data-table__cell--non-numeric">John Lennon</td>
+                  <td class="mdl-data-table__cell--non-numeric">The smart one</td>
+                  <td>40</td>
+                  <td class="mdl-data-table__cell--non-numeric">No</td>
                 </tr>
                 <tr>
-                  <td class="mdl-data-table__cell--non-numeric">Plywood (Birch)</td>
-                  <td>50</td>
-                  <td>$1.25</td>
+                  <td class="mdl-data-table__cell--non-numeric">Paul McCartney</td>
+                  <td class="mdl-data-table__cell--non-numeric">The cute one</td>
+                  <td>73</td>
+                  <td class="mdl-data-table__cell--non-numeric">Yes</td>
                 </tr>
                 <tr>
-                  <td class="mdl-data-table__cell--non-numeric">Laminate (Gold on Blue)</td>
-                  <td>10</td>
-                  <td>$2.35</td>
+                  <td class="mdl-data-table__cell--non-numeric">George Harrison</td>
+                  <td class="mdl-data-table__cell--non-numeric">The shy one</td>
+                  <td>58</td>
+                  <td class="mdl-data-table__cell--non-numeric">No</td>
+                </tr>
+                <tr>
+                  <td class="mdl-data-table__cell--non-numeric">Ringo Starr</td>
+                  <td class="mdl-data-table__cell--non-numeric">The funny one</td>
+                  <td>74</td>
+                  <td class="mdl-data-table__cell--non-numeric">Yes</td>
                 </tr>
               </tbody>
             </table>
           </div>
 
           <div class="page page4 mdl-cell demo-card-event mdl-card mdl-shadow--2dp">
-            <div class="mdl-card__title mdl-card--expand">
-              <h4>
-                Featured event:<br>
-                May 24, 2016<br>
-                7-11pm
-              </h4>
-            </div>
+            <table class="mdl-data-table mdl-js-data-table">
+              <thead>
+                <tr>
+                  <th class="mdl-data-table__cell--non-numeric">Name</th>
+                  <th class="mdl-data-table__cell--non-numeric">Nickname</th>
+                  <th>Age</th>
+                  <th class="mdl-data-table__cell--non-numeric">Living?</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td class="mdl-data-table__cell--non-numeric">John Lennon</td>
+                  <td class="mdl-data-table__cell--non-numeric">The smart one</td>
+                  <td>40</td>
+                  <td class="mdl-data-table__cell--non-numeric">No</td>
+                </tr>
+                <tr>
+                  <td class="mdl-data-table__cell--non-numeric">Paul McCartney</td>
+                  <td class="mdl-data-table__cell--non-numeric">The cute one</td>
+                  <td>73</td>
+                  <td class="mdl-data-table__cell--non-numeric">Yes</td>
+                </tr>
+                <tr>
+                  <td class="mdl-data-table__cell--non-numeric">George Harrison</td>
+                  <td class="mdl-data-table__cell--non-numeric">The shy one</td>
+                  <td>58</td>
+                  <td class="mdl-data-table__cell--non-numeric">No</td>
+                </tr>
+                <tr>
+                  <td class="mdl-data-table__cell--non-numeric">Ringo Starr</td>
+                  <td class="mdl-data-table__cell--non-numeric">The funny one</td>
+                  <td>74</td>
+                  <td class="mdl-data-table__cell--non-numeric">Yes</td>
+                </tr>
+              </tbody>
+            </table>
             <div class="mdl-card__actions mdl-card--border">
-              <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
-                Add to Calendar
-              </a>
               <div class="mdl-layout-spacer"></div>
               <i class="material-icons">event</i>
+              <i>2020-02-22</i>
             </div>
           </div>
 
@@ -364,7 +401,7 @@
       $(".mdl-navigation__link").removeClass("mdl-nav-active");
       $(".mdl-navigation__link:eq("+(id-1)+")").addClass("mdl-nav-active");
     }
-    ShowPage(2);
+    ShowPage(4);
 
     function AjaxErr(re) {
       //alert(re.status);