From 8a2e6f4b846f41b29c6b7e5bc067d41011e92141 Mon Sep 17 00:00:00 2001 From: ZHAOTONGHUA <2066753415@qq.com> Date: Wed, 20 Nov 2019 17:02:59 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E6=80=81=E6=A1=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/views/common/index.php | 4 +- frontend/web/assets/css/popUps.css | 96 ------------------------------ frontend/web/assets/js/model.js | 32 ++++++++++ frontend/web/assets/js/popUps.js | 32 ---------- 4 files changed, 34 insertions(+), 130 deletions(-) create mode 100644 frontend/web/assets/js/model.js diff --git a/frontend/views/common/index.php b/frontend/views/common/index.php index ad29c13..a6e7f38 100644 --- a/frontend/views/common/index.php +++ b/frontend/views/common/index.php @@ -13,7 +13,7 @@ - +
@@ -170,7 +170,7 @@ - + diff --git a/frontend/web/assets/css/popUps.css b/frontend/web/assets/css/popUps.css index a68deb2..e69de29 100644 --- a/frontend/web/assets/css/popUps.css +++ b/frontend/web/assets/css/popUps.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:5px solid #fff; -} \ No newline at end of file diff --git a/frontend/web/assets/js/model.js b/frontend/web/assets/js/model.js new file mode 100644 index 0000000..5f3bbb2 --- /dev/null +++ b/frontend/web/assets/js/model.js @@ -0,0 +1,32 @@ +$(function(){ + $(".prompt").click(function(){ + $(".model_wrap").show(); + $(".model-bg").eq(0).removeClass("unchoose"); + $('.jump').removeClass('unchoose'); + $('#side-menu').addClass('boo'); + }); + + $(".model-bg").each(function (i) { + var _that=$(this); + _that.find(".nextPage").click(function () { + _that.addClass("unchoose"); + $(".model-bg").eq(i+1).removeClass("unchoose"); + $(".") + }); + _that.find(".Previous").click(function () { + _that.addClass("unchoose"); + $(".model-bg").eq(i-1).removeClass("unchoose"); + }); + }); + + $(".perfection").click(function () { + $(".jump").addClass('unchoose'); + $(".model_wrap").hide(); + }); + + $(".jump").click(function () { + $(this).addClass('unchoose'); + $(".model_wrap").hide(); + $(".model-bg").addClass("unchoose"); + }); +}); \ No newline at end of file diff --git a/frontend/web/assets/js/popUps.js b/frontend/web/assets/js/popUps.js index 5f3bbb2..e69de29 100644 --- a/frontend/web/assets/js/popUps.js +++ b/frontend/web/assets/js/popUps.js @@ -1,32 +0,0 @@ -$(function(){ - $(".prompt").click(function(){ - $(".model_wrap").show(); - $(".model-bg").eq(0).removeClass("unchoose"); - $('.jump').removeClass('unchoose'); - $('#side-menu').addClass('boo'); - }); - - $(".model-bg").each(function (i) { - var _that=$(this); - _that.find(".nextPage").click(function () { - _that.addClass("unchoose"); - $(".model-bg").eq(i+1).removeClass("unchoose"); - $(".") - }); - _that.find(".Previous").click(function () { - _that.addClass("unchoose"); - $(".model-bg").eq(i-1).removeClass("unchoose"); - }); - }); - - $(".perfection").click(function () { - $(".jump").addClass('unchoose'); - $(".model_wrap").hide(); - }); - - $(".jump").click(function () { - $(this).addClass('unchoose'); - $(".model_wrap").hide(); - $(".model-bg").addClass("unchoose"); - }); -}); \ No newline at end of file