style:页面中心内容快显示最小高度
Showing
8 changed files
with
26 additions
and
4 deletions
| ... | @@ -2,10 +2,14 @@ | ... | @@ -2,10 +2,14 @@ |
| 2 | .main { | 2 | .main { |
| 3 | overflow-x: hidden; | 3 | overflow-x: hidden; |
| 4 | } | 4 | } |
| 5 | .central_area { | ||
| 6 | min-height:calc(100vh - 207px); | ||
| 7 | } | ||
| 5 | .navigation_crumbs { | 8 | .navigation_crumbs { |
| 6 | height: 45px; | 9 | height: 45px; |
| 7 | } | 10 | } |
| 8 | .personal_center { | 11 | .personal_center { |
| 12 | margin-top: 10px; | ||
| 9 | } | 13 | } |
| 10 | .personal_information { | 14 | .personal_information { |
| 11 | width: 100%; | 15 | width: 100%; |
| ... | @@ -35,7 +39,7 @@ | ... | @@ -35,7 +39,7 @@ |
| 35 | } | 39 | } |
| 36 | /* --------------------业务模块----------------------- */ | 40 | /* --------------------业务模块----------------------- */ |
| 37 | .business_module { | 41 | .business_module { |
| 38 | margin-top: 10px; | 42 | margin-top: 20px; |
| 39 | overflow: hidden; | 43 | overflow: hidden; |
| 40 | margin-left: -10px; | 44 | margin-left: -10px; |
| 41 | margin-right: -10px; | 45 | margin-right: -10px; | ... | ... |
| ... | @@ -70,6 +70,7 @@ | ... | @@ -70,6 +70,7 @@ |
| 70 | </div> | 70 | </div> |
| 71 | </div> | 71 | </div> |
| 72 | <!-- -----------------------------------个人中心模块---------------------------------------------- --> | 72 | <!-- -----------------------------------个人中心模块---------------------------------------------- --> |
| 73 | <div class="central_area"> | ||
| 73 | <div class="personal_center contentBox"> | 74 | <div class="personal_center contentBox"> |
| 74 | <div class="personal_information layui-bg-gray"> | 75 | <div class="personal_information layui-bg-gray"> |
| 75 | <img src="../../staticImages/logo-realestate.png" alt="个人中心"> | 76 | <img src="../../staticImages/logo-realestate.png" alt="个人中心"> |
| ... | @@ -131,6 +132,7 @@ | ... | @@ -131,6 +132,7 @@ |
| 131 | </li> | 132 | </li> |
| 132 | </ul> | 133 | </ul> |
| 133 | </div> | 134 | </div> |
| 135 | </div> | ||
| 134 | <div class="footer"> | 136 | <div class="footer"> |
| 135 | <div class="system_service"> | 137 | <div class="system_service"> |
| 136 | <ul class=""> | 138 | <ul class=""> | ... | ... |
| 1 | .central_area { | ||
| 2 | min-height:calc(100vh - 207px); | ||
| 3 | } | ||
| 1 | .navigation_crumbs { | 4 | .navigation_crumbs { |
| 2 | height: 45px; | 5 | height: 45px; |
| 3 | } | 6 | } |
| ... | @@ -5,6 +8,7 @@ | ... | @@ -5,6 +8,7 @@ |
| 5 | height: 100px; | 8 | height: 100px; |
| 6 | padding: 20px; | 9 | padding: 20px; |
| 7 | box-sizing: border-box; | 10 | box-sizing: border-box; |
| 11 | margin-top: 10px; | ||
| 8 | } | 12 | } |
| 9 | .perinfo_left{ | 13 | .perinfo_left{ |
| 10 | float: left; | 14 | float: left; |
| ... | @@ -46,5 +50,5 @@ | ... | @@ -46,5 +50,5 @@ |
| 46 | } | 50 | } |
| 47 | /* ----------------预约列表-------------------- */ | 51 | /* ----------------预约列表-------------------- */ |
| 48 | .appointment_list { | 52 | .appointment_list { |
| 49 | 53 | margin-top: 10px; | |
| 50 | } | 54 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -70,6 +70,7 @@ | ... | @@ -70,6 +70,7 @@ |
| 70 | </div> | 70 | </div> |
| 71 | </div> | 71 | </div> |
| 72 | <!-- -----------------个人信息------------------------ --> | 72 | <!-- -----------------个人信息------------------------ --> |
| 73 | <div class="central_area"> | ||
| 73 | <div class="perinfo contentBox layui-bg-gray"> | 74 | <div class="perinfo contentBox layui-bg-gray"> |
| 74 | <div class="perinfo_left"> | 75 | <div class="perinfo_left"> |
| 75 | <img src="../../staticImages/logo-realestate.png" alt=""> | 76 | <img src="../../staticImages/logo-realestate.png" alt=""> |
| ... | @@ -93,6 +94,7 @@ | ... | @@ -93,6 +94,7 @@ |
| 93 | <div class="appointment_list contentBox"> | 94 | <div class="appointment_list contentBox"> |
| 94 | <table class="layui-hide" id="test" lay-filter="test"></table> | 95 | <table class="layui-hide" id="test" lay-filter="test"></table> |
| 95 | </div> | 96 | </div> |
| 97 | </div> | ||
| 96 | <div class="footer"> | 98 | <div class="footer"> |
| 97 | <div class="system_service"> | 99 | <div class="system_service"> |
| 98 | <ul class=""> | 100 | <ul class=""> | ... | ... |
| 1 | .central_area { | ||
| 2 | min-height:calc(100vh - 227px); | ||
| 3 | } | ||
| 1 | .navigation_crumbs { | 4 | .navigation_crumbs { |
| 2 | height: 45px; | 5 | height: 45px; |
| 3 | } | 6 | } |
| ... | @@ -64,7 +67,8 @@ | ... | @@ -64,7 +67,8 @@ |
| 64 | 67 | ||
| 65 | /* -------------分割线----------------------- */ | 68 | /* -------------分割线----------------------- */ |
| 66 | .site-title { | 69 | .site-title { |
| 67 | margin: 20px 0; | 70 | margin: 20px auto; |
| 71 | width: 1200px; | ||
| 68 | } | 72 | } |
| 69 | .site-title fieldset { | 73 | .site-title fieldset { |
| 70 | border-top: 1px solid #eee; | 74 | border-top: 1px solid #eee; | ... | ... |
| ... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
| 73 | </div> | 73 | </div> |
| 74 | </div> | 74 | </div> |
| 75 | <!-- ----------------------------------内容模块的开始----------------------------------------------- --> | 75 | <!-- ----------------------------------内容模块的开始----------------------------------------------- --> |
| 76 | <div class="central_area"> | ||
| 76 | <div class="appointment_notice contentBox"> | 77 | <div class="appointment_notice contentBox"> |
| 77 | <ul class="app_progress"> | 78 | <ul class="app_progress"> |
| 78 | <li> | 79 | <li> |
| ... | @@ -154,7 +155,7 @@ | ... | @@ -154,7 +155,7 @@ |
| 154 | </li> | 155 | </li> |
| 155 | </ul> | 156 | </ul> |
| 156 | </div> | 157 | </div> |
| 157 | <!-- ---------------------------------------------------------------------------------------------- --> | 158 | </div> |
| 158 | <!-- ----------------------------------内容模块的end----------------------------------------------- --> | 159 | <!-- ----------------------------------内容模块的end----------------------------------------------- --> |
| 159 | <div class="footer"> | 160 | <div class="footer"> |
| 160 | <div class="system_service"> | 161 | <div class="system_service"> | ... | ... |
| ... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
| 73 | </div> | 73 | </div> |
| 74 | </div> | 74 | </div> |
| 75 | <!-- ----------------------------------内容模块的开始----------------------------------------------- --> | 75 | <!-- ----------------------------------内容模块的开始----------------------------------------------- --> |
| 76 | <div class="central_area"> | ||
| 76 | <div class="appointment_notice contentBox"> | 77 | <div class="appointment_notice contentBox"> |
| 77 | <ul class="app_progress"> | 78 | <ul class="app_progress"> |
| 78 | <li> | 79 | <li> |
| ... | @@ -175,6 +176,7 @@ | ... | @@ -175,6 +176,7 @@ |
| 175 | </a> | 176 | </a> |
| 176 | </button> | 177 | </button> |
| 177 | </div> | 178 | </div> |
| 179 | </div> | ||
| 178 | <!-- ----------------------------------内容模块的end----------------------------------------------- --> | 180 | <!-- ----------------------------------内容模块的end----------------------------------------------- --> |
| 179 | <div class="footer"> | 181 | <div class="footer"> |
| 180 | <div class="system_service"> | 182 | <div class="system_service"> | ... | ... |
-
Please register or sign in to post a comment