4dc2fd50 by 任超

style:我的业务

1 parent 1dac2b91
......@@ -109,12 +109,13 @@
}
.business_titleList li a {
display: block;
height: 142px;
border: 1px solid #eee;
border-radius: 5px;
height: 152px;
text-align: center;
cursor: pointer;
color: #FFFFFF;
color: #7A7A7A;
box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.06);
border-radius: 4px;
border: 1px solid #E9E9E9;
}
.business_titleList li p:nth-child(1) {
font-size: 18px;
......@@ -122,6 +123,7 @@
font-size: 36px;
margin-bottom: 3px;
font-weight: 600;
color: #3C4A66;
}
/* ---------------预约列表------------------- */
.contentBox {
......@@ -131,7 +133,9 @@
.appintmentList {
padding: 0 20px 20px 20px;
border-radius: 6px;
border: 1px solid #25BEFF;
background: #FFFFFF;
box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.06);
border: 1px solid #E9E9E9;
}
.appintmentList li {
border-bottom: 1px solid #eee;
......@@ -233,19 +237,19 @@
}
/* 头部tab */
.applyBusinessRecord a{
background: url('../staticImages/heji.png');
/* background: url('../staticImages/heji.png'); */
background-size: 100% 100%;
}
.to_be_submitted a {
background: url('../staticImages/daitijiao.png');
/* background: url('../staticImages/daitijiao.png'); */
background-size: 100% 100%;
}
.applyBusinessIn a {
background: url('../staticImages/banlizhong.png');
/* background: url('../staticImages/banlizhong.png'); */
background-size: 100% 100%;
}
.applyBusinessEnd a {
background: url('../staticImages/yibanjie.png');
/* background: url('../staticImages/yibanjie.png'); */
background-size: 100% 100%;
}
.obligee {
......@@ -266,32 +270,15 @@
position: absolute;
right: 20px;
top: 50%;
width: 12px;
height: 12px;
margin-top: -2px;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
width: 17px;
height: 17px;
margin-top: -4px;
border-right: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;;
-webkit-transform: rotate(225deg);
content: '';
background-color: #FFFFFF;
z-index: 10;
}
.arrow0:before {
border-color: #25BEFF;
z-index: 10;
}
.arrow1:before {
border-color: #FF862F;
z-index: 10;
}
.arrow2:before {
border-color: #23E3D5;
z-index: 10;
}
.arrow3:before {
border-color: #FABF4F;
z-index: 10;
}
.completed {
color: #23E3D5;
......
......@@ -17,19 +17,15 @@ $(function () {
if (dataId == '0') {
_applyBusinessRecord()
dataRendering(dataList.list)
$('.appintmentList').css("border-color", "#25BEFF");
} else if (dataId == '1') {
_applyBusinessWiat()
dataRendering(dataList.list)
$('.appintmentList').css("border-color", "#FF862F");
} else if (dataId == '2') {
_applyBusinessIn()
dataRendering(dataList.list)
$('.appintmentList').css("border-color", "#23E3D5");
} else if (dataId == '3') {
_applyBusinessEnd()
dataRendering(dataList.list)
$('.appintmentList').css("border-color", "#FABF4F");
}
})
$(function() {
......
......@@ -76,10 +76,10 @@
<!-- -------------预约列表--------------- -->
<div class="contentBox">
<div class="arrowList">
<p class="arrow0 arrow"></p>
<p class="arrow1 arrow"></p>
<p class="arrow2 arrow"></p>
<p class="arrow3 arrow"></p>
<p class="arrow"></p>
<p class="arrow"></p>
<p class="arrow"></p>
<p class="arrow"></p>
</div>
<ul class="appintmentList">
<div class="noData">
......