Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
78145e83 by 任超
Options

style:个人中心

1 parent b3de168f
Inline Side-by-side
Showing 4 changed files with 47 additions and 36 deletions
......@@ -160,11 +160,11 @@ div.footer .system_service ul li a:hover {
/* card样式 */
.cardItem {
background: #FFFFFF;
border: 1px solid #E5E8ED;
border: 1px solid #E9E9E9;
box-shadow: 0 3px 6px 0 rgba(10,14,40,0.08);
-moz-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*firefox*/
-webkit-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*webkit*/
border-radius: 6px;
border-radius: 4px;
}
/* 中间区域高度 */
.middleZoneHeight {
......
......@@ -47,31 +47,30 @@
}
.business_module li{
width: 25%;
height: 230px;
text-align: center;
font-size: 26px;
float: left;
margin-bottom: 30px;
box-sizing: border-box;
box-sizing: border-box!important;
padding: 0 20px;
margin-bottom: 25px;
}
.business_module li img {
width: 70px;
height: 70px;
margin-top: 50px;
margin-bottom: 30px;
margin: 25px 0 10px 0;
}
.business_module li p {
font-size: 14px;
color: #6D7278;
}
.business_module li .cardItem {
padding: 4px;
}
.business_module li a {
padding-right: 20px;
border-radius: 2px;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
padding-left: 20px;
height: 154px;
border: 1px solid #F6F6F6;
}
.business_module li a:hover {
color: #0091FF;
......

11 KB | W: | H:

13 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -42,40 +42,52 @@
<div class="contentBox">
<ul class="business_module">
<li>
<a class="cardItem" href="./wdyw.html" title="我的业务">
<img src="../staticImages/myyewu.png">
<p>我的业务</p>
</a>
<div class="cardItem">
<a href="./wdyw.html" title="我的业务">
<img src="../staticImages/myyewu.png">
<p>我的业务</p>
</a>
</div>
</li>
<li>
<a class="cardItem" href="./wdyy.html" title="我的预约">
<img src="../staticImages/myyuyue.png">
<p>我的预约</p>
</a>
<div class="cardItem">
<a href="./wdyy.html" title="我的预约">
<img src="../staticImages/myyuyue.png">
<p>我的预约</p>
</a>
</div>
</li>
<li>
<a class="cardItem" href="" title="我的不动产">
<img src="../staticImages/mybdc.png">
<p>我的不动产</p>
</a>
<div class="cardItem">
<a href="" title="我的不动产">
<img src="../staticImages/mybdc.png">
<p>我的不动产</p>
</a>
</div>
</li>
<li>
<a class="cardItem" href="" title="业务查询">
<img src="../staticImages/zhengshu.png">
<p>我的发票</p>
</a>
<div class="cardItem">
<a href="" title="业务查询">
<img src="../staticImages/zhengshu.png">
<p>我的发票</p>
</a>
</div>
</li>
<li>
<a class="cardItem" href="" title="我的支付">
<img src="../staticImages/yewuchaxun.png">
<p>查询业务</p>
</a>
<div class="cardItem">
<a href="" title="我的支付">
<img src="../staticImages/yewuchaxun.png">
<p>查询业务</p>
</a>
</div>
</li>
<li>
<a class="cardItem" href="" title="档案查询">
<img src="../staticImages/dangan.png">
<p>档案查询</p>
</a>
<div class="cardItem">
<a href="" title="档案查询">
<img src="../staticImages/dangan.png">
<p>档案查询</p>
</a>
</div>
</li>
</ul>
</div>
......