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