chenying
/
simple-yewu
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

模态框

Browse Source
webUi
赵桐华 5 years ago
parent 2129782a1c
commit 6f0f3034d8
7 changed files with 135 additions and 135 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      frontend/views/common/index.php
  2. 96
      frontend/web/assets/css/model.css
  3. 96
      frontend/web/assets/css/pop.css
  4. 0
      frontend/web/assets/css/popUps.css
  5. 37
      frontend/web/assets/js/model.js
  6. 37
      frontend/web/assets/js/pop.js
  7. 0
      frontend/web/assets/js/popUps.js

4
frontend/views/common/index.php
Unescape View File

@ -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/pop.css" rel="stylesheet">
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
<div id="wrapper">
@ -170,7 +170,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/model.js"></script>
<script src="/assets/js/pop.js"></script>
<!-- 第三方插件 -->
<script src="/assets/js/plugins/pace/pace.min.js"></script>
</body>

96
frontend/web/assets/css/model.css
Unescape View File

@ -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;
}

96
frontend/web/assets/css/pop.css
Unescape View File

@ -0,0 +1,96 @@
.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;
}

0
frontend/web/assets/css/popUps.css
Unescape View File

37
frontend/web/assets/js/model.js
Unescape View File

@ -1,37 +0,0 @@
$(function(){
var arr=[1,3,5,6,7,8,9];
$(".prompt").click(function(){
$(".model_wrap").show();
$(".model-bg").eq(0).removeClass("unchoose");
$('.jump').removeClass('unchoose');
$('#side-menu .av').eq(0).click().addClass('boo');
});
$(".model-bg").each(function (i) {
var _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]).addClass('boo');
});
_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");
});
});

37
frontend/web/assets/js/pop.js
Unescape View File

@ -0,0 +1,37 @@
$(function(){
var arr=[1,3,5,6,7,8,9];
$(".prompt").click(function(){
$(".model_wrap").show();
$(".model-bg").eq(0).removeClass("unchoose");
$('.jump').removeClass('unchoose');
$('#side-menu .av').eq(0).click().addClass('boo');
});
$(".model-bg").each(function (i) {
var _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]).addClass('boo');
});
_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");
});
});

0
frontend/web/assets/js/popUps.js
Unescape View File

Write Preview
Loading…
Cancel
Save