Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
1dac2b91 by 任超
Options

style:办事指南

1 parent 46da844e
Inline Side-by-side
Showing 3 changed files with 49 additions and 6 deletions
...@@ -93,6 +93,7 @@ ...@@ -93,6 +93,7 @@
93 .online_list li a button { 93 .online_list li a button {
94 float: right; 94 float: right;
95 margin-top: 15px; 95 margin-top: 15px;
96 border-radius: 15px;
96 } 97 }
97 .busTabs { 98 .busTabs {
98 background: #FAFAFA; 99 background: #FAFAFA;
...@@ -152,7 +153,7 @@ ...@@ -152,7 +153,7 @@
152 } 153 }
153 .area_list_content { 154 .area_list_content {
154 overflow: hidden; 155 overflow: hidden;
155 margin-top: 20px; 156 margin-top: 25px;
156 width: 100%; 157 width: 100%;
157 } 158 }
158 .area_list_content h2 { 159 .area_list_content h2 {
...@@ -209,4 +210,40 @@ ...@@ -209,4 +210,40 @@
209 text-overflow:ellipsis; 210 text-overflow:ellipsis;
210 white-space: nowrap; 211 white-space: nowrap;
211 width: 350px; 212 width: 350px;
213 }
214 .select-city {
215 margin-left: 50px;
216 }
217 .region_title {
218 font-size: 20px;
219 color: #4A4A4A;
220 font-weight: 700;
221 border-bottom: 2px solid #EAEAEA;
222 padding-bottom: 15px;
223 position: relative;
224 margin-bottom: 25px;
225 }
226 .region_title img {
227 width: 20px;
228 height: 20px;
229 position: relative;
230 top: 2px;
231 }
232 .region_title::after {
233 content: '';
234 position: absolute;
235 left: 0;
236 bottom: -1px;
237 width: 20px;
238 height: 2px;
239 background-color: #006CFF;
240 }
241 .online-processing {
242 background-color: #fff;
243 border: 1px solid #0F93F6;
244 color: #0F93F6;
245 }
246 .business-guide {
247 color: #9B9B9B;
248 border: 1px solid #DDDDDD;
212 } 249 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -33,6 +33,8 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq ...@@ -33,6 +33,8 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq
33 /* -----------------底部start----------------------------- */ 33 /* -----------------底部start----------------------------- */
34 div.footer { 34 div.footer {
35 background-color: #233042; 35 background-color: #233042;
36 width: 100%;
37 float: left;
36 } 38 }
37 div.footer .system_service { 39 div.footer .system_service {
38 width: 100%; 40 width: 100%;
......
...@@ -23,6 +23,10 @@ ...@@ -23,6 +23,10 @@
23 </div> 23 </div>
24 <!-- 行政区 --> 24 <!-- 行政区 -->
25 <div class="selectCity"> 25 <div class="selectCity">
26 <div class="region_title">
27 <img src="/staticImages/address.png" />
28 请先选择对应的区域
29 </div>
26 <form class="layui-form"> 30 <form class="layui-form">
27 <h2 class="title">省</h2> 31 <h2 class="title">省</h2>
28 <div class="layui-inline layui-select-default" style="margin-right: 10px;"> 32 <div class="layui-inline layui-select-default" style="margin-right: 10px;">
...@@ -30,7 +34,7 @@ ...@@ -30,7 +34,7 @@
30 <option value="">选择省</option> 34 <option value="">选择省</option>
31 </select> 35 </select>
32 </div> 36 </div>
33 <h2>市</h2> 37 <h2 class="select-city">市</h2>
34 <div class="layui-inline selected layui-select-default"> 38 <div class="layui-inline selected layui-select-default">
35 <select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity"> 39 <select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity">
36 <option value="">选择市</option> 40 <option value="">选择市</option>
...@@ -92,11 +96,11 @@ ...@@ -92,11 +96,11 @@
92 <span class="business_name">{{item.bsznListVOS[i].headline}}</span> 96 <span class="business_name">{{item.bsznListVOS[i].headline}}</span>
93 <div class="itemButton"> 97 <div class="itemButton">
94 <a class="onlineProcessing" data-id={{item.bsznListVOS[i].bsmBszn}}> 98 <a class="onlineProcessing" data-id={{item.bsznListVOS[i].bsmBszn}}>
95 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 99 <button type="button" class="layui-btn layui-btn-sm online-processing layui-btn-normal">在线办理</button>
96 </a> 100 </a>
97 <a href='./businessGuide/{{item.bsznListVOS[i].bsmBszn}}.html' target="_blank"> 101 <a href='./businessGuide/{{item.bsznListVOS[i].bsmBszn}}.html' target="_blank">
98 <button type="button" 102 <button type="button"
99 class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button> 103 class="layui-btn layui-btn-primary business-guide layui-btn-sm">办事指南</button>
100 </a> 104 </a>
101 </div> 105 </div>
102 </li> 106 </li>
...@@ -124,10 +128,10 @@ ...@@ -124,10 +128,10 @@
124 <span class="business_name">{{item.bsznListVOS[i].headline}}</span> 128 <span class="business_name">{{item.bsznListVOS[i].headline}}</span>
125 <div class="itemButton"> 129 <div class="itemButton">
126 <a href="./yyxz.html" data-id={{item.bsznListVOS[i].bsmBszn}}> 130 <a href="./yyxz.html" data-id={{item.bsznListVOS[i].bsmBszn}}>
127 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 131 <button type="button" class="layui-btn online-processing layui-btn-sm layui-btn-normal">在线办理</button>
128 </a> 132 </a>
129 <a href='./businessGuide/{{item.bsznListVOS[i].bsmBszn}}.html' target="_blank"> 133 <a href='./businessGuide/{{item.bsznListVOS[i].bsmBszn}}.html' target="_blank">
130 <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button> 134 <button type="button" class="layui-btn business-guide layui-btn-primary layui-btn-sm">办事指南</button>
131 </a> 135 </a>
132 </div> 136 </div>
133 </li> 137 </li>
......