模态框

frontend/views/common/index.php

@@ -62,7 +62,6 @@
             </ul>
         </div>
     </nav>
-    <div class="model_wrap">模态弹窗</div>
     <!--左侧导航结束-->
     <!--右侧部分开始-->
     <div id="page-wrapper" class="gray-bg dashbard-1">
@@ -104,6 +103,9 @@
         </div>
     </div>
     <!--右侧部分结束-->
+    <!--模态弹窗-->
+    <div class="model_wrap">模态弹窗</div>
+    <div class="model"></div>
 </div>
 <!-- 全局js -->
 <script src="/assets/js/jquery.min.js?v=2.1.4"></script>

frontend/web/assets/css/model.css

@@ -7,4 +7,13 @@
     top: 0;
     display:none;
     z-index:999;
+}
+.model{
+    width: 1200px;
+    height: 644px;
+    position: absolute;
+    top: calc(50% - 322px);
+    left: 50%;
+    margin-left: -600px;
+    background-color: #fff;
 }