|
|
@@ -24,102 +24,102 @@
|
|
|
|
|
|
<!-- 样式 -->
|
|
|
<style type="text/css">
|
|
|
- /* 弹窗 (background) */
|
|
|
- .modal {
|
|
|
- display: none; /* 默认隐藏 */
|
|
|
- /*生成绝对定位的元素,相对于浏览器窗口进行定位。*/
|
|
|
- position: fixed;
|
|
|
- z-index: 1;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- /*设置弹窗位置*/
|
|
|
- padding-top: 200px;
|
|
|
- padding-bottom: 300px;
|
|
|
- /*浮在全屏上*/
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- /*overflow:auto;如果内容被修剪,则浏览器会显示滚动条,以便查看其余内容。*/
|
|
|
- overflow: auto;
|
|
|
- background-color: rgb(0,0,0);
|
|
|
- background-color: rgba(0,0,0,0.4);
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
-
|
|
|
- /* 弹窗内容 */
|
|
|
- .modal-content {
|
|
|
- /*position: relative;*/
|
|
|
- /*弹窗背景色设置*/
|
|
|
- background-color: #fefefe;
|
|
|
- margin: auto;
|
|
|
- padding: 260px auto;
|
|
|
- width: 500px;
|
|
|
- box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
|
|
|
- -webkit-animation-name: animatetop;
|
|
|
- -webkit-animation-duration: 0.4s;
|
|
|
- animation-name: animatetop;
|
|
|
- animation-duration: 0.4s;
|
|
|
- border-radius: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- /* 添加动画 */
|
|
|
- @-webkit-keyframes animatetop {
|
|
|
- from {top:-200px; opacity:0}
|
|
|
- to {top:0; opacity:1}
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes animatetop {
|
|
|
- from {top:-200px; opacity:0}
|
|
|
- to {top:0; opacity:1}
|
|
|
- }
|
|
|
-
|
|
|
- /* 关闭按钮 */
|
|
|
- .close {
|
|
|
- color: white;
|
|
|
- float: right;
|
|
|
- font-size: 28px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
-
|
|
|
- .close:hover, .close:focus {
|
|
|
- color: #000;
|
|
|
- text-decoration: none;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .modal-header {
|
|
|
- display: block;
|
|
|
- line-height: 30px;
|
|
|
- padding: 2px 10px;
|
|
|
- background-color: #AEAEAE;
|
|
|
- color: white;
|
|
|
- text-align: left;
|
|
|
- border-radius: 5px 5px 0 0;
|
|
|
- }
|
|
|
-
|
|
|
- .modal-body {
|
|
|
- padding: 2px 16px;
|
|
|
- font-size: 18px;
|
|
|
- height: 200px;
|
|
|
- }
|
|
|
-
|
|
|
- .modal-footer {
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- align-items: center;
|
|
|
- width: 420px;
|
|
|
- padding: 0 40px;
|
|
|
- height: 50px;
|
|
|
- border-radius:0 0 5px 5px;
|
|
|
- display: block;
|
|
|
- line-height: 39px;
|
|
|
- background-color: #AEAEAE;
|
|
|
- color: white;
|
|
|
- }
|
|
|
- .ok,.no{
|
|
|
- width: 100px;
|
|
|
- height: 40px;
|
|
|
- }
|
|
|
- </style>
|
|
|
+ /* 弹窗 (background) */
|
|
|
+ .modal {
|
|
|
+ display: none; /* 默认隐藏 */
|
|
|
+ /*生成绝对定位的元素,相对于浏览器窗口进行定位。*/
|
|
|
+ position: fixed;
|
|
|
+ z-index: 1;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ /*设置弹窗位置*/
|
|
|
+ padding-top: 100px;
|
|
|
+ padding-bottom: 200px;
|
|
|
+ /*浮在全屏上*/
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ /*overflow:auto;如果内容被修剪,则浏览器会显示滚动条,以便查看其余内容。*/
|
|
|
+ overflow: auto;
|
|
|
+ background-color: rgb(0,0,0);
|
|
|
+ background-color: rgba(0,0,0,0.4);
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 弹窗内容 */
|
|
|
+ .modal-content {
|
|
|
+ /*position: relative;*/
|
|
|
+ /*弹窗背景色设置*/
|
|
|
+ background-color: #fefefe;
|
|
|
+ margin: auto;
|
|
|
+ padding: 260px auto;
|
|
|
+ width: 500px;
|
|
|
+ box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
|
|
|
+ -webkit-animation-name: animatetop;
|
|
|
+ -webkit-animation-duration: 0.4s;
|
|
|
+ animation-name: animatetop;
|
|
|
+ animation-duration: 0.4s;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 添加动画 */
|
|
|
+ @-webkit-keyframes animatetop {
|
|
|
+ from {top:-200px; opacity:0}
|
|
|
+ to {top:0; opacity:1}
|
|
|
+ }
|
|
|
+
|
|
|
+ @keyframes animatetop {
|
|
|
+ from {top:-200px; opacity:0}
|
|
|
+ to {top:0; opacity:1}
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 关闭按钮 */
|
|
|
+ .close {
|
|
|
+ color: white;
|
|
|
+ float: right;
|
|
|
+ font-size: 28px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .close:hover, .close:focus {
|
|
|
+ color: #000;
|
|
|
+ text-decoration: none;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .modal-header {
|
|
|
+ display: block;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 2px 10px;
|
|
|
+ background-color: #AEAEAE;
|
|
|
+ color: white;
|
|
|
+ text-align: left;
|
|
|
+ border-radius: 5px 5px 0 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .modal-body {
|
|
|
+ padding: 2px 16px;
|
|
|
+ font-size: 18px;
|
|
|
+ /*height: 200px;*/
|
|
|
+ }
|
|
|
+
|
|
|
+ .modal-footer {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ width: 420px;
|
|
|
+ padding: 0 40px;
|
|
|
+ height: 50px;
|
|
|
+ border-radius:0 0 5px 5px;
|
|
|
+ display: block;
|
|
|
+ line-height: 39px;
|
|
|
+ background-color: #AEAEAE;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+ .ok,.no{
|
|
|
+ width: 100px;
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
|
|
|
<script type="text/html" id="newtime">
|
|
|
@{{#if(d.match_id!=null){ }}
|