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 { ...@@ -160,11 +160,11 @@ div.footer .system_service ul li a:hover {
160 /* card样式 */ 160 /* card样式 */
161 .cardItem { 161 .cardItem {
162 background: #FFFFFF; 162 background: #FFFFFF;
163 border: 1px solid #E5E8ED; 163 border: 1px solid #E9E9E9;
164 box-shadow: 0 3px 6px 0 rgba(10,14,40,0.08); 164 box-shadow: 0 3px 6px 0 rgba(10,14,40,0.08);
165 -moz-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*firefox*/ 165 -moz-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*firefox*/
166 -webkit-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*webkit*/ 166 -webkit-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*webkit*/
167 border-radius: 6px; 167 border-radius: 4px;
168 } 168 }
169 /* 中间区域高度 */ 169 /* 中间区域高度 */
170 .middleZoneHeight { 170 .middleZoneHeight {
......
...@@ -47,31 +47,30 @@ ...@@ -47,31 +47,30 @@
47 } 47 }
48 .business_module li{ 48 .business_module li{
49 width: 25%; 49 width: 25%;
50 height: 230px;
51 text-align: center; 50 text-align: center;
52 font-size: 26px; 51 font-size: 26px;
53 float: left; 52 float: left;
54 margin-bottom: 30px; 53 box-sizing: border-box!important;
55 box-sizing: border-box;
56 padding: 0 20px; 54 padding: 0 20px;
55 margin-bottom: 25px;
57 } 56 }
58 .business_module li img { 57 .business_module li img {
59 width: 70px; 58 width: 70px;
60 height: 70px; 59 height: 70px;
61 margin-top: 50px; 60 margin: 25px 0 10px 0;
62 margin-bottom: 30px;
63 } 61 }
64 .business_module li p { 62 .business_module li p {
65 font-size: 14px; 63 font-size: 14px;
66 color: #6D7278; 64 color: #6D7278;
67 } 65 }
66 .business_module li .cardItem {
67 padding: 4px;
68 }
68 .business_module li a { 69 .business_module li a {
69 padding-right: 20px; 70 border-radius: 2px;
70 display: block; 71 display: block;
71 width: 100%; 72 height: 154px;
72 height: 100%; 73 border: 1px solid #F6F6F6;
73 box-sizing: border-box;
74 padding-left: 20px;
75 } 74 }
76 .business_module li a:hover { 75 .business_module li a:hover {
77 color: #0091FF; 76 color: #0091FF;
......

11 KB | W: | H:

13 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -42,40 +42,52 @@ ...@@ -42,40 +42,52 @@
42 <div class="contentBox"> 42 <div class="contentBox">
43 <ul class="business_module"> 43 <ul class="business_module">
44 <li> 44 <li>
45 <a class="cardItem" href="./wdyw.html" title="我的业务"> 45 <div class="cardItem">
46 <img src="../staticImages/myyewu.png"> 46 <a href="./wdyw.html" title="我的业务">
47 <p>我的业务</p> 47 <img src="../staticImages/myyewu.png">
48 </a> 48 <p>我的业务</p>
49 </a>
50 </div>
49 </li> 51 </li>
50 <li> 52 <li>
51 <a class="cardItem" href="./wdyy.html" title="我的预约"> 53 <div class="cardItem">
52 <img src="../staticImages/myyuyue.png"> 54 <a href="./wdyy.html" title="我的预约">
53 <p>我的预约</p> 55 <img src="../staticImages/myyuyue.png">
54 </a> 56 <p>我的预约</p>
57 </a>
58 </div>
55 </li> 59 </li>
56 <li> 60 <li>
57 <a class="cardItem" href="" title="我的不动产"> 61 <div class="cardItem">
58 <img src="../staticImages/mybdc.png"> 62 <a href="" title="我的不动产">
59 <p>我的不动产</p> 63 <img src="../staticImages/mybdc.png">
60 </a> 64 <p>我的不动产</p>
65 </a>
66 </div>
61 </li> 67 </li>
62 <li> 68 <li>
63 <a class="cardItem" href="" title="业务查询"> 69 <div class="cardItem">
64 <img src="../staticImages/zhengshu.png"> 70 <a href="" title="业务查询">
65 <p>我的发票</p> 71 <img src="../staticImages/zhengshu.png">
66 </a> 72 <p>我的发票</p>
73 </a>
74 </div>
67 </li> 75 </li>
68 <li> 76 <li>
69 <a class="cardItem" href="" title="我的支付"> 77 <div class="cardItem">
70 <img src="../staticImages/yewuchaxun.png"> 78 <a href="" title="我的支付">
71 <p>查询业务</p> 79 <img src="../staticImages/yewuchaxun.png">
72 </a> 80 <p>查询业务</p>
81 </a>
82 </div>
73 </li> 83 </li>
74 <li> 84 <li>
75 <a class="cardItem" href="" title="档案查询"> 85 <div class="cardItem">
76 <img src="../staticImages/dangan.png"> 86 <a href="" title="档案查询">
77 <p>档案查询</p> 87 <img src="../staticImages/dangan.png">
78 </a> 88 <p>档案查询</p>
89 </a>
90 </div>
79 </li> 91 </li>
80 </ul> 92 </ul>
81 </div> 93 </div>
......