GitHub/zTC1
1
0
Fork 0
mirror of https://github.com/oopuuu/zTC1.git synced 2025-12-14 14:08:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

表格 OK

Browse Source
This commit is contained in:
zogodo
2020-02-22 13:28:41 +08:00
parent 0df9888a42
commit d53cebadc9
1 changed files with 63 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
TC1/http_server/web/demo.html
View File

@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <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="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"> <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"> <meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="http://119.23.191.79/tc1/images/android-desktop.png"> <link rel="icon" sizes="192x192" href="http://119.23.191.79/tc1/images/android-desktop.png">
<!-- Add to homescreen for Safari on iOS --> <!-- Add to homescreen for Safari on iOS -->
@@ -224,49 +224,86 @@
</div> </div>
</div> </div>
<div class="page page3 mdl-cell"> <div class="page page3 mdl-cell demo-card-event mdl-card mdl-shadow--2dp">
<table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp"> <table class="mdl-data-table mdl-js-data-table">
<thead> <thead>
<tr> <tr>
<th class="mdl-data-table__cell--non-numeric">Material</th> <th class="mdl-data-table__cell--non-numeric">Name</th>
<th>Quantity</th> <th class="mdl-data-table__cell--non-numeric">Nickname</th>
<th>Unit price</th> <th>Age</th>
<th class="mdl-data-table__cell--non-numeric">Living?</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td class="mdl-data-table__cell--non-numeric">Acrylic (Transparent)</td> <td class="mdl-data-table__cell--non-numeric">John Lennon</td>
<td>25</td> <td class="mdl-data-table__cell--non-numeric">The smart one</td>
<td>$2.90</td> <td>40</td>
<td class="mdl-data-table__cell--non-numeric">No</td>
</tr> </tr>
<tr> <tr>
<td class="mdl-data-table__cell--non-numeric">Plywood (Birch)</td> <td class="mdl-data-table__cell--non-numeric">Paul McCartney</td>
<td>50</td> <td class="mdl-data-table__cell--non-numeric">The cute one</td>
<td>$1.25</td> <td>73</td>
<td class="mdl-data-table__cell--non-numeric">Yes</td>
</tr> </tr>
<tr> <tr>
<td class="mdl-data-table__cell--non-numeric">Laminate (Gold on Blue)</td> <td class="mdl-data-table__cell--non-numeric">George Harrison</td>
<td>10</td> <td class="mdl-data-table__cell--non-numeric">The shy one</td>
<td>$2.35</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> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="page page4 mdl-cell demo-card-event mdl-card mdl-shadow--2dp"> <div class="page page4 mdl-cell demo-card-event mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand"> <table class="mdl-data-table mdl-js-data-table">
<h4> <thead>
Featured event:<br> <tr>
May 24, 2016<br> <th class="mdl-data-table__cell--non-numeric">Name</th>
7-11pm <th class="mdl-data-table__cell--non-numeric">Nickname</th>
</h4> <th>Age</th>
</div> <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"> <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> <div class="mdl-layout-spacer"></div>
<i class="material-icons">event</i> <i class="material-icons">event</i>
<i>2020-02-22</i>
</div> </div>
</div> </div>
@@ -364,7 +401,7 @@
$(".mdl-navigation__link").removeClass("mdl-nav-active"); $(".mdl-navigation__link").removeClass("mdl-nav-active");
$(".mdl-navigation__link:eq("+(id-1)+")").addClass("mdl-nav-active"); $(".mdl-navigation__link:eq("+(id-1)+")").addClass("mdl-nav-active");
} }
ShowPage(2); ShowPage(4);
function AjaxErr(re) { function AjaxErr(re) {
//alert(re.status); //alert(re.status);