模态框

5 years ago · f4437e24a8
parent f0db14e714
commit f4437e24a8
2 changed files with 46 additions and 46 deletions
--- a/frontend/views/common/index.php
+++ b/frontend/views/common/index.php
@ -13,7 +13,7 @@
    <link href="/assets/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="/assets/css/animate.css" rel="stylesheet">
    <link href="/assets/css/style.css?v=4.1.0" rel="stylesheet">
-    <link href="/assets/css/model.css" rel="stylesheet">
+    <link href="/assets/css/popUps.css" rel="stylesheet">
 </head>
 <body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
 <div id="wrapper">
--- a/frontend/web/assets/css/popUps.css
+++ b/frontend/web/assets/css/popUps.css
@ -1,46 +1,46 @@
-.model_wrap{
+.model_wrap{
-    width: 100%;
+    width: 100%;
-    height: 100vh;
+    height: 100vh;
-    background-color: #000;
+    background-color: #000;
-    opacity: 0.5;
+    opacity: 0.5;
-    position: fixed;
+    position: fixed;
-    top: 0;
+    top: 0;
-    display:none;
+    display:none;
-}
+}
-.model-bg{
+.model-bg{
-    width: 560px;
+    width: 560px;
-    position: absolute;
+    position: absolute;
-    top: calc(65% - 322px);
+    top: calc(65% - 322px);
-    left: 71%;
+    left: 71%;
-    margin-left: -600px;
+    margin-left: -600px;
-    z-index:999 ;
+    z-index:999 ;
-    display: none;
+    display: none;
-}
+}
-.model-bg .content{
+.model-bg .content{
-    color:#fff;
+    color:#fff;
-    font-size:20px;
+    font-size:20px;
-}
+}
-.jump{
+.jump{
-    background-color: coral;
+    background-color: coral;
-    font-size:16px;
+    font-size:16px;
-    color:#fff;
+    color:#fff;
-    padding: 10px 20px;
+    padding: 10px 20px;
-    border-radius: 6px;
+    border-radius: 6px;
-    margin-top:50%;
+    margin-top:50%;
-}
+}
-.Previous{
+.Previous{
-    background-color: coral;
+    background-color: coral;
-    font-size:16px;
+    font-size:16px;
-    color:#fff;
+    color:#fff;
-    padding: 10px 20px;
+    padding: 10px 20px;
-    border-radius: 6px;
+    border-radius: 6px;
-    margin-top:50%;
+    margin-top:50%;
-}
+}
-.nextPage{
+.nextPage{
-    background-color: coral;
+    background-color: coral;
-    font-size:16px;
+    font-size:16px;
-    color:#fff;
+    color:#fff;
-    padding: 10px 20px;
+    padding: 10px 20px;
-    border-radius: 6px;
+    border-radius: 6px;
-    margin-top:50%;
+    margin-top:50%;
 }