webUi
赵桐华 5 years ago
parent 2129782a1c
commit 6f0f3034d8
  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

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

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

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

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

@ -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");
});
});
Loading…
Cancel
Save