模态框

frontend/views/common/index.php

@@ -130,7 +130,7 @@
 <!-- 自定义js -->
 <script src="/assets/js/hplus.js?v=4.1.0"></script>
 <script type="text/javascript" src="/assets/js/contabs.js"></script>
-<script src="/assets/js/model.js"></script>
+<script src="/assets/js/popUps.js"></script>
 <!-- 第三方插件 -->
 <script src="/assets/js/plugins/pace/pace.min.js"></script>
 </body>

frontend/web/assets/css/popUps.css

@@ -21,26 +21,34 @@
     font-size:20px;
 }
 .jump{
+    width:80px;
     background-color: coral;
     font-size:16px;
     color:#fff;
     padding: 10px 20px;
     border-radius: 6px;
-    margin-top:50%;
+    margin-left:450px;
+    margin-bottom:20px;
+    text-align: center;
 }
 .Previous{
-    background-color: coral;
+    width:100px;
+    text-align: center;
+    background-color: #4fbd51;
     font-size:16px;
     color:#fff;
     padding: 10px 20px;
     border-radius: 6px;
-    margin-top:50%;
+    margin-top:20px;
 }
 .nextPage{
-    background-color: coral;
+    width: 100px;
+    background-color: #4fbd51;
     font-size:16px;
     color:#fff;
     padding: 10px 20px;
     border-radius: 6px;
-    margin-top:50%;
+    margin-top: -42px;
+    margin-left: 145px;
+    text-align: center;
 }