模态框

5 years ago · 96461e36a7
parent d4e370182d
commit 96461e36a7
4 changed files with 2 additions and 139 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/pop.css" rel="stylesheet">
+    <link href="/assets/css/popo.css" rel="stylesheet">
 </head>
 <body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
 <div id="wrapper">
@ -163,7 +163,7 @@
 <!-- 自定义js -->
 <script src="/assets/js/hplus.js?v=4.1.0"></script>
 <script type="text/javascript" src="/assets/js/contabs.js"></script>
-<script src="/assets/js/popo.js"></script>
+<script src="/assets/js/model.js"></script>
 <!-- 第三方插件 -->
 <script src="/assets/js/plugins/pace/pace.min.js"></script>
 </body>
--- a/frontend/web/assets/css/model.css
+++ b/frontend/web/assets/css/model.css
--- a/frontend/web/assets/css/pop.css
+++ b/frontend/web/assets/css/pop.css
@ -1,96 +0,0 @@
-.model_wrap{
-    width: 100%;
-    height: 100vh;
-    background-color: #000;
-    opacity: 0.5;
-    position: fixed;
-    top: 0;
-    display:none;
-    z-index:2001;
-}
-.unchoose{
-    display: none;
-}
-.model-bg{
-    width: 560px;
-    position: absolute;
-    top: 30%;
-    left: 60%;
-    color:#fff;
-    margin-left: -600px;
-    z-index:2002 ;
-}
-.content{
-    font-size:20px;
-}
-.jump{
-    cursor: pointer;
-    position:absolute;
-    width:80px;
-    font-size:16px;
-    color:coral;
-    padding: 10px 20px;
-    border-radius: 40px;
-    top:22%;
-    left:53%;
-    z-index: 2002;
-    text-align: center;
-    border: 2px solid coral;
-    transition: background-color .3s
-}
-.jump:hover{
-    background-color: coral;
-    color:#fff;
-}
-.Previous{
-    cursor: pointer;
-    width:100px;
-    text-align: center;
-    font-size:16px;
-    color:#1ecd97;
-    padding: 10px 20px;
-    border-radius: 40px;
-    margin-top: 20px;
-    border: 2px solid #1ecd97;
-    transition: background-color .3s
-}
-.Previous:hover{
-    background-color: #1ecd97;
-    color:#fff;
-}
-.nextPage{
-    cursor: pointer;
-    width: 100px;
-    font-size:16px;
-    color:#1ecd97;
-    padding: 10px 20px;
-    border-radius: 40px;
-    text-align: center;
-    margin-top:-46px;
-    margin-left:150px;
-    border: 2px solid #1ecd97;
-    transition: background-color .3s
-}
-.nextPage:hover{
-    background-color: #1ecd97;
-    color:#fff;
-}
-.point1{
-    width: 525px;
-    height:174px;
-    background:url("../img/prompt.png") no-repeat center/cover;
-    position:absolute;
-    left:-548px;
-    top:-110px;
-}
-.point2{
-    width: 529px;
-    height:170px;
-    background:url("../img/prompt3.png") no-repeat center/cover;
-    position:absolute;
-    left:-548px;
-    top:17px;
-}
-.boo{
-    border:2px solid #fff;
-}
--- a/frontend/web/assets/js/popo.js
+++ b/frontend/web/assets/js/popo.js
@ -1,41 +0,0 @@
-$(function(){
-    var arr=[0,1,3,5,6,7,8,12];
-    $(".prompt").click(function(){
-        $(".model_wrap").show();
-        $(".model-bg").eq(0).removeClass("unchoose");
-        $('.jump').removeClass('unchoose');
-        $('#side-menu .av').eq(arr[0]).click().addClass('boo');
-    });
-
-    $(".model-bg").each(function (i) {
-        let _that=$(this);
-        _that.find(".nextPage").click(function () {
-            console.log(i);
-            _that.addClass("unchoose");
-            $(".model-bg").eq(i+1).removeClass("unchoose");
-            $('#side-menu .av').eq(arr[i+1]).addClass('boo');
-            $('#side-menu .av').eq(arr[i]).removeClass('boo');
-        });
-        _that.find(".Previous").click(function () {
-            console.log(i);
-            _that.addClass("unchoose");
-            $(".model-bg").eq(i-1).removeClass("unchoose");
-            $('#side-menu .av').eq(arr[i-1]).addClass('boo');
-            $('#side-menu .av').eq(arr[i]).removeClass('boo');
-        });
-    });
-
-    $(".perfection").click(function () {
-        $(".jump").addClass('unchoose');
-        $(".model_wrap").hide();
-    });
-
-    $(".jump").click(function () {
-        $(this).addClass('unchoose');
-        $(".model_wrap").hide();
-        $(".model-bg").addClass("unchoose");
-        $("#side-menu .av").each(function (i) {
-            console.log(i);
-        })
-    });
-});