模态框

frontend/views/common/index.php

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

frontend/web/assets/css/model.css

@@ -14,9 +14,20 @@
     top: calc(50% - 322px);
     left: 71%;
     margin-left: -600px;
-    background-color: #fff;
+    /*background-color: #fff;*/
     z-index:999 ;
 }
 .unchoose{
     display: none;
+}
+.model-bg .content{
+    color:#fff;
+    font-size:20px;
+}
+.btn{
+    background-color: coral;
+    font-size:16px;
+    color:#fff;
+    padding: 10px 20px;
+    border-radius: 6px;
 }

frontend/web/assets/js/model.js

@@ -2,6 +2,7 @@ $(function(){
     $(".prompt").click(function(){
         $(".model_wrap").show();
         $(".model-bg").removeClass("unchoose");
+        $(".model-bg .content").removeClass("unchoose");
         console.log(1);
     })
 });