左文祺
8 years ago
2 changed files with 1 additions and 144 deletions
@ -1,143 +0,0 @@ |
|||||||
<!DOCTYPE html> |
|
||||||
<html lang="en"> |
|
||||||
<head> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<title>抽奖系统</title> |
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
||||||
<meta name="description" content=""> |
|
||||||
|
|
||||||
<!-- Jquery --> |
|
||||||
<script src="/static/bootstrap/js/jquery-2.0.3.min.js"></script> |
|
||||||
|
|
||||||
<!-- Bootstrap --> |
|
||||||
<script src="/static/bootstrap/js/bootstrap.min.js"></script> |
|
||||||
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet"> |
|
||||||
|
|
||||||
<style> |
|
||||||
.side-left { |
|
||||||
height: 100%; |
|
||||||
position: absolute; |
|
||||||
left: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.side-right { |
|
||||||
height: 100%; |
|
||||||
position: absolute; |
|
||||||
right: 0; |
|
||||||
} |
|
||||||
|
|
||||||
body { |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
#Result { |
|
||||||
border: 3px solid #40AA53; |
|
||||||
margin: 0 auto; |
|
||||||
text-align: center; |
|
||||||
width: 400px; |
|
||||||
padding: 50px 0; |
|
||||||
background: #efe; |
|
||||||
} |
|
||||||
|
|
||||||
#ResultNum { |
|
||||||
font-size: 50pt; |
|
||||||
font-family: Verdana |
|
||||||
} |
|
||||||
|
|
||||||
#Button { |
|
||||||
margin: 50px 0 0 0; |
|
||||||
} |
|
||||||
|
|
||||||
#Button input { |
|
||||||
font-size: 40px; |
|
||||||
padding: 0 50px; |
|
||||||
} |
|
||||||
|
|
||||||
#btn { |
|
||||||
background-color: #40AA53; |
|
||||||
border: 1px solid #40AA53; |
|
||||||
width: auto; |
|
||||||
height: 55px; |
|
||||||
margin: 0em auto; |
|
||||||
font-size: 1em; |
|
||||||
border-radius: 2.5px; |
|
||||||
-moz-border-radius: 2.5px; |
|
||||||
-webkit-border-radius: 2.5px; |
|
||||||
color: #FFF; |
|
||||||
} |
|
||||||
</style> |
|
||||||
</head> |
|
||||||
|
|
||||||
|
|
||||||
<body style="height: 100%"> |
|
||||||
<div id="container"> |
|
||||||
<div class="row"> |
|
||||||
<div class="col-lg-3 col-sm-4 side-left col-md-offset-1"> |
|
||||||
<div class="panel panel-default" style=" margin-top:15px"> |
|
||||||
<div class="panel-body"> |
|
||||||
<h3><b>奖品列表</b></h3> |
|
||||||
</div> |
|
||||||
<div class="list-group" style="text-align:left" id="awards-list"> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div class="col-sm-8 side-right"> |
|
||||||
<div class="page-header"> |
|
||||||
<h1>当前奖品：<label id="award-tag">--</label> |
|
||||||
<small>剩余：<label id="award-count">--</label>个</small> |
|
||||||
</h1> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div id="Result" style="color:#40AA53"> |
|
||||||
<span id="ResultNum">*****</span> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div id="Button"> |
|
||||||
<input type='button' id="btn" value='开始' onclick='beginRndNum(this)'/> |
|
||||||
</div> |
|
||||||
|
|
||||||
<!-- Modal --> |
|
||||||
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" |
|
||||||
aria-hidden="true"> |
|
||||||
<div class="modal-dialog"> |
|
||||||
<div class="modal-content"> |
|
||||||
<div class="modal-header"> |
|
||||||
<button type="button" class="close" data-dismiss="modal"><span |
|
||||||
aria-hidden="true">×</span><span class="sr-only">Close</span></button> |
|
||||||
<h4 class="modal-title" id="myModalLabel">数据查看</h4> |
|
||||||
</div> |
|
||||||
<div class="modal-body"> |
|
||||||
<div> |
|
||||||
<div class="panel panel-default"> |
|
||||||
<div class="panel-body"> |
|
||||||
<h3><b>中奖名单</b></h3> |
|
||||||
</div> |
|
||||||
<div class="list-group" style="text-align:left" id="winner-list"></div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div class="modal-footer"> |
|
||||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<audio id="runingmic" class="hide" loop> |
|
||||||
<source src="/static/music/runing.wav"> |
|
||||||
</audio> |
|
||||||
<audio id="pausemic" class="hide"> |
|
||||||
<source src="/static/music/stop.mp3"> |
|
||||||
</audio> |
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="/static/bootstrap/js/jquery-2.0.3.min.js"></script> |
|
||||||
<script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script> |
|
||||||
<script type="text/javascript" src="/static/layer/layer.js"></script> |
|
||||||
<script type="text/javascript" src="/static/script.js?id=2"></script> |
|
||||||
</body> |
|
||||||
</html> |
|
||||||
Loading…
Reference in new issue