Skip to content

Commit

Permalink
EasyUI框架补充
Browse files Browse the repository at this point in the history
  • Loading branch information
@xwj-vic
xwj-vic committed Mar 9, 2017
1 parent d09ea18 commit 6c81fe9
Show file tree
Hide file tree
Showing 795 changed files with 89,832 additions and 0 deletions.
553 changes: 553 additions & 0 deletions src/main/webapp/resources/jquery-easyui/changelog.txt
View file

Large diffs are not rendered by default.

18 changes: 18 additions & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/accordion/_content.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AJAX Content</title>
</head>
<body>
<p style="font-size:14px">Here is the content loaded via AJAX.</p>
<ul>
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
<li>easyui provides essential functionality for building modern, interactive, javascript applications.</li>
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
<li>complete framework for HTML5 web page.</li>
<li>easyui save your time and scales while developing your products.</li>
<li>easyui is very easy but powerful.</li>
</ul>
</body>
</html>
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/accordion/basic.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Basic Accordion - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Basic Accordion</span> </div> </header> <div class="easyui-accordion" fit="true" border="false"> <div title="List"> <ul class="m-list"> <li>WLAN</li> <li>Memory</li> <li>Screen</li> <li>More...</li> </ul> </div> <div title="Ajax" href="_content.html" style="padding:10px"></div> </div> </div></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/accordion/header.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Custom Accordion Header - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Custom Accordion Header</span> </div> </header> <div class="easyui-accordion" data-options="fit:true,border:false,selected:-1"> <div> <header> <div class="hh-inner"> <span>List</span> <span class="m-badge" style="float:right">26/51</span> </div> </header> <ul class="m-list"> <li>WLAN</li> <li>Memory</li> <li>Screen</li> <li>More...</li> </ul> </div> <div href="_content.html" style="padding:10px"> <header> <div class="hh-inner"> <span>Ajax</span> <span style="float:right"> <span style="color:#999;margin-right:5px">Loading via ajax</span> <span class="m-badge">23</span> </span> </div> </header> </div> </div> </div> <style scoped> .hh-inner{ position: relative; line-height: 20px; background: #fff; font-weight: bold; margin: -5px; padding: 5px; } </style></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/animation/basic.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Basic Animation - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Basic Animation</span> </div> </header> <ul class="m-list"> <li><a href="#p2">Goto Panel2</a></li> </ul> </div> <div id="p2" class="easyui-navpanel"> <header> <div class="m-toolbar"> <div class="m-left"> <a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a> </div> <div class="m-title">Panel2</div> </div> </header> <ul class="m-list"> <li><a href="#p3">Goto Panel3</a></li> </ul> </div> <div id="p3" class="easyui-navpanel"> <header> <div class="m-toolbar"> <div class="m-left"> <a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a> </div> <div class="m-title">Panel3</div> </div> </header> <div style="padding:20px 10px"> <p>Panel3 Content.</p> </div> </div></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/animation/fade.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Fade Animation - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Fade Animation</span> </div> </header> <ul class="m-list"> <li><a href="#p2" data-options="animation:'fade',direction:''">Fade</a></li> </ul> </div> <div id="p2" class="easyui-navpanel"> <header> <div class="m-toolbar"> <div class="m-left"> <a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a> </div> <div class="m-title">Panel2</div> </div> </header> <div style="padding:10px"> <p>Panel2 Content.</p> </div> </div></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/animation/pop.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Pop Animation - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Pop Animation</span> </div> </header> <ul class="m-list"> <li><a href="#p2" data-options="animation:'pop',direction:''">Pop</a></li> </ul> </div> <div id="p2" class="easyui-navpanel"> <header> <div class="m-toolbar"> <div class="m-left"> <a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a> </div> <div class="m-title">Panel2</div> </div> </header> <div style="padding:10px"> <p>Panel2 Content.</p> </div> </div></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/animation/slide.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Slide Animation - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Slide Animation</span> </div> </header> <ul class="m-list"> <li><a href="#p2" data-options="animation:'slide',direction:'left'">Slide Left</a></li> <li><a href="#p2" data-options="animation:'slide',direction:'right'">Slide Right</a></li> <li><a href="#p2" data-options="animation:'slide',direction:'up'">Slide Up</a></li> <li><a href="#p2" data-options="animation:'slide',direction:'down'">Slide Down</a></li> </ul> </div> <div id="p2" class="easyui-navpanel"> <header> <div class="m-toolbar"> <div class="m-left"> <a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a> </div> <div class="m-title">Panel2</div> </div> </header> <div style="padding:10px"> <p>Panel2 Content.</p> </div> </div></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/badge/basic.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Basic Badge - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Basic Badge</span> </div> </header> <div style="padding:20px 40px"> <a href="#" class="easyui-linkbutton"> Button<span class="m-badge">2</span> </a> </div> <div style="padding:20px 40px"> <a href="#" class="easyui-linkbutton" iconCls="icon-ok"> Button<span class="m-badge">3</span> </a> </div> <div style="padding:20px 40px"> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-picture',iconAlign:'top',size:'large'"> LargeButton<span class="m-badge">4</span> </a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-shapes',iconAlign:'top',size:'large'" style="margin-left:20px"> LargeButton<span class="m-badge">5</span> </a> </div> <div style="padding:20px 40px"> <a href="#" class="easyui-linkbutton m-badge" data-badge="22" style="width:100px;height:40px">Badge Attr</a> <a href="#" class="easyui-linkbutton m-badge" data-badge="23" style="width:100px;height:40px;margin-left:20px">Badge Attr</a> </div> </div></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/badge/button.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Button Badge - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Button Badge</span> </div> </header> <footer> <div class="m-buttongroup m-buttongroup-justified" style="width:100%"> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-picture',size:'large',iconAlign:'top',plain:true">Picture</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-clipart',size:'large',iconAlign:'top',plain:true">Clip Art</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-shapes',size:'large',iconAlign:'top',plain:true">Shapes<span class="m-badge">23</span></a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-smartart',size:'large',iconAlign:'top',plain:true">SmartArt</a> </div> </footer> </div></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/badge/list.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>List Badge - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/color.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">List Badge</span> </div> </header> <ul class="m-list"> <li>Large <div class="m-right"><span class="m-badge" style="margin-top:10px">234</span></div> </li> <li>Spotted Adult Female <div class="m-right"><span class="m-badge" style="margin-top:10px">215</span></div> </li> <li>Venomless <div class="m-right"><span class="m-badge c1" style="margin-top:10px">12</span></div> </li> <li>Rattleless <div class="m-right"><span class="m-badge c2" style="margin-top:10px">6</span></div> </li> <li>Green Adult</li> <li>Tailless</li> <li>With tail</li> <li>Adult Female</li> </ul> </div></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/badge/tabs.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Tabs Badge - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script></head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <div class="m-title">Tabs Badge</div> </div> </header> <div class="easyui-tabs" data-options="tabHeight:60,fit:true,tabPosition:'bottom',border:false,pill:true,narrow:true,justified:true"> <div style="padding:10px"> <div class="panel-header tt-inner"> <img src='../images/modem.png'/><br>Modem </div> <p>A modem (modulator-demodulator) is a device that modulates an analog carrier signal to encode digital information, and also demodulates such a carrier signal to decode the transmitted information.</p> </div> <div style="padding:10px"> <div class="panel-header tt-inner"> <img src='../images/scanner.png'/><br>Scanner </div> <p>In computing, an image scanner—often abbreviated to just scanner—is a device that optically scans images, printed text, handwriting, or an object, and converts it to a digital image.</p> </div> <div style="padding:10px"> <div class="panel-header tt-inner"> <img src='../images/pda.png'/><br>Pda <span class="m-badge">23</span> </div> <p>A personal digital assistant (PDA), also known as a palmtop computer, or personal data assistant, is a mobile device that functions as a personal information manager. PDAs are largely considered obsolete with the widespread adoption of smartphones.</p> </div> <div style="padding:10px"> <div class="panel-header tt-inner"> <img src='../images/tablet.png'/><br>Pda <span class="m-badge">13</span> </div> <p>A tablet computer, or simply tablet, is a one-piece mobile computer. Devices typically have a touchscreen, with finger or stylus gestures replacing the conventional computer mouse.</p> </div> </div> </div> <style scoped> .tt-inner{ display:inline-block; line-height:12px; padding-top:6px; position: relative; } p{ line-height:150%; } </style></body> </html>
Expand Down
1 change: 1 addition & 0 deletions src/main/webapp/resources/jquery-easyui/demo-mobile/button/basic.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Basic LinkButton - jQuery EasyUI Mobile Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/mobile.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script> </head><body> <div class="easyui-navpanel"> <header> <div class="m-toolbar"> <span class="m-title">Login to System</span> </div> </header> <div style="margin:20px auto;width:100px;height:100px;border-radius:100px;overflow:hidden"> <img src="../images/login1.jpg" style="margin:0;width:100%;height:100%;"> </div> <div style="padding:0 20px"> <div style="margin-bottom:10px"> <input class="easyui-textbox" data-options="prompt:'Type username',iconCls:'icon-man'" style="width:100%;height:38px"> </div> <div> <input class="easyui-passwordbox" data-options="prompt:'Type password'" style="width:100%;height:38px"> </div> <div style="text-align:center;margin-top:30px"> <a href="#" class="easyui-linkbutton" style="width:100%;height:40px"><span style="font-size:16px">Login</span></a> </div> <div style="text-align:center;margin-top:30px"> <a href="#" class="easyui-linkbutton" plain="true" outline="true" style="width:100px;height:35px"><span style="font-size:16px">Register</span></a> </div> </div> </div></body> </html>
Expand Down
Loading

0 comments on commit 6c81fe9

Please sign in to comment.