模态框

frontend/views/common/index.php

@@ -23,7 +23,7 @@
         <div class="sidebar-collapse">
             <ul class="nav" id="side-menu">
                 <li class="nav-header" style="padding-top:13px;">
-                    <div style="padding-bottom:10px;"><i class="fa fa-exclamation-circle"></i> 提示</div>
+                    <div class="prompt" style="padding-bottom:10px;"><i class="fa fa-exclamation-circle"></i> 提示</div>
                     <div class="dropdown profile-element">
                         <span><img alt="image" class="img-circle" src="/assets/img/profile_small.jpg" /></span>
                         <a data-toggle="dropdown" class="dropdown-toggle" href="#">
@@ -105,7 +105,14 @@
     </div>
     <!--右侧部分结束-->
 </div>
-
+<script>
+    $(function(){
+        $(".prompt").click(function(){
+            $(".model_wrap").show();
+            console.log(1);
+        })
+    });
+</script>
 <!-- 全局js -->
 <script src="/assets/js/jquery.min.js?v=2.1.4"></script>
 <script src="/assets/js/bootstrap.min.js?v=3.3.6"></script>

frontend/web/assets/css/model.css

@@ -5,4 +5,6 @@
     opacity: 0.5;
     position: fixed;
     top: 0;
+    display:none;
+    z-index:999;
 }