模态框

frontend/views/common/index.php

@@ -106,11 +106,12 @@
     <!--模态弹窗-->
     <div class="model_wrap">模态弹窗</div>
     <div class="model-bg unchoose">
+        <div class="model-btn jump">跳过</div>
        <div class="content unchoose">权限管理，系统管理功能，用户设置，权限管理，权限分配，部门管理</div>
+       <div class="model-btn prev">上一步</div>
+       <div class="model-btn next">下一步</div>
     </div>
-     <div class="model-btn jump">跳过</div>
-     <div class="model-btn prev">上一步</div>
-     <div class="model-btn next">下一步</div>
+
 </div>
 <!-- 全局js -->
 <script src="/assets/js/jquery.min.js?v=2.1.4"></script>

frontend/web/assets/css/model.css

@@ -24,9 +24,6 @@
     font-size:20px;
 }
 .model-btn{
-    position:absolute;
-    top:50%;
-    left:80%;
     background-color: coral;
     font-size:16px;
     color:#fff;
@@ -34,11 +31,11 @@
     border-radius: 6px;
 }
 .jump{
-    top:50%;
+    margin-top:50%;
 }
 .prev{
-    top:50%;
+    margin-top:50%;
 }
 .next{
-    top:50%;
+    margin-top:50%;
 }