Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
2070623f by 任超
Options

style:业务列表

1 parent addba1c6
Inline Side-by-side
Showing 14 changed files with 120 additions and 4 deletions
...@@ -146,25 +146,29 @@ ...@@ -146,25 +146,29 @@
146 </h2> 146 </h2>
147 <ul class="convenient-service-list"> 147 <ul class="convenient-service-list">
148 <li> 148 <li>
149 <img url="./staticImages/seywcx.png" src="./staticImages/ywcx.png" pre="./staticImages/ywcx.png" alt="业务查询" /> 149 <img url="./staticImages/seywcx.png" src="./staticImages/ywcx.png" pre="./staticImages/ywcx.png"
150 alt="业务查询" />
150 <h6>业务查询</h6> 151 <h6>业务查询</h6>
151 <p>办理进度、业务详情，在线查询</p> 152 <p>办理进度、业务详情，在线查询</p>
152 <a href="./staticViews/convenienceService/businessInquiry.html" title="业务查询">立即查看</a> 153 <a href="./staticViews/convenienceService/businessInquiry.html" title="业务查询">立即查看</a>
153 </li> 154 </li>
154 <li> 155 <li>
155 <img url="./staticImages/seyycx.png" src="./staticImages/yycx.png" pre="./staticImages/yycx.png" alt="预约查询" /> 156 <img url="./staticImages/seyycx.png" src="./staticImages/yycx.png" pre="./staticImages/yycx.png"
157 alt="预约查询" />
156 <h6>预约查询</h6> 158 <h6>预约查询</h6>
157 <p>预约办理、号段预约，实时查询</p> 159 <p>预约办理、号段预约，实时查询</p>
158 <a id="appointment_inquiry" title="预约查询">立即查看</a> 160 <a id="appointment_inquiry" title="预约查询">立即查看</a>
159 </li> 161 </li>
160 <li> 162 <li>
161 <img url="./staticImages/sezscx.png" src="./staticImages/zscx.png" pre="./staticImages/zscx.png" alt="证书查询" /> 163 <img url="./staticImages/sezscx.png" src="./staticImages/zscx.png" pre="./staticImages/zscx.png"
164 alt="证书查询" />
162 <h6>证书查询</h6> 165 <h6>证书查询</h6>
163 <p>证书详情、证书核验，预览下载</p> 166 <p>证书详情、证书核验，预览下载</p>
164 <a href="./staticViews/convenienceService/certificateVerification.html" title="证书查询">立即查看</a> 167 <a href="./staticViews/convenienceService/certificateVerification.html" title="证书查询">立即查看</a>
165 </li> 168 </li>
166 <li> 169 <li>
167 <img url="./staticImages/sehtbacx.png" src="./staticImages/htbacx.png" pre="./staticImages/htbacx.png" alt="合同备案查询" /> 170 <img url="./staticImages/sehtbacx.png" src="./staticImages/htbacx.png"
171 pre="./staticImages/htbacx.png" alt="合同备案查询" />
168 <h6>合同备案查询</h6> 172 <h6>合同备案查询</h6>
169 <p>合同备案，在线预览、电子版下载</p> 173 <p>合同备案，在线预览、电子版下载</p>
170 <a href="./staticViews/convenienceService/recordInquiry.html" title="合同备案查询">立即查看</a> 174 <a href="./staticViews/convenienceService/recordInquiry.html" title="合同备案查询">立即查看</a>
...@@ -195,6 +199,47 @@ ...@@ -195,6 +199,47 @@
195 </div> 199 </div>
196 </div> 200 </div>
197 </div> 201 </div>
202 <!-- 业务列表 -->
203 <div class="business-list">
204 <ul class="business-list-leftItem">
205 <li>
206 <img src="/staticImages/woyaoban.png" />
207 我要办
208 </li>
209 <li>
210 <img src="/staticImages/woyaocha.png" />
211 我要查
212 </li>
213 <li>
214 <img src="/staticImages/woyaowen.png" />
215 我要问
216 </li>
217 <li>
218 <img src="/staticImages/woyaoping.png" />
219 我要评
220 </li>
221 </ul>
222 <div class="business-list-rightItem">
223 <ul>
224 <li>
225 <img src="/staticImages/idanganchaxun.png" />
226 档案查询
227 </li>
228 <li>
229 <img src="/staticImages/jinduchaxun.png" />
230 进度查询
231 </li>
232 <li>
233 <img src="/staticImages/zaixianyuyue.png" />
234 在线预约
235 </li>
236 <li>
237 <img src="/staticImages/zhenghuheyan.png" />
238 证书核验
239 </li>
240 </ul>
241 </div>
242 </div>
198 <!-- 法律法规 --> 243 <!-- 法律法规 -->
199 <div class="laws_regulations"> 244 <div class="laws_regulations">
200 <div class="regulations title"> 245 <div class="regulations title">
......
...@@ -668,3 +668,74 @@ div.c_five ul li a img { ...@@ -668,3 +668,74 @@ div.c_five ul li a img {
668 border: 1px solid #E95515; 668 border: 1px solid #E95515;
669 color: #E95515; 669 color: #E95515;
670 } 670 }
671 /* 业务列表 */
672 .business-list {
673 width: 1200px;
674 margin: 40px auto;
675 }
676 .business-list-leftItem {
677 width: 212px;
678 height: 324px;
679 background: #498FFF;
680 margin-right: 20px;
681 float: left;
682 }
683 .business-list-leftItem li {
684 height: 81px;
685 line-height: 81px;
686 text-align: center;
687 color: #FFFFFF;
688 font-size: 20px;
689 }
690 .business-list-leftItem li:not(:last-child) {
691 border: 1px solid #74A9FF;
692 }
693 .business-list-leftItem li img {
694 width: 22px;
695 height: 22px;
696 position: relative;
697 top: 3px;
698 right: 5px;
699 }
700 .business-list-rightItem {
701 float: left;
702 }
703 .business-list-rightItem ul:nth-of-type(1) {
704 font-size: 0;
705 }
706 .business-list-rightItem ul:nth-of-type(1) li{
707 display: inline-block;
708 width: 227px;
709 height: 150px;
710 background: linear-gradient(90deg, #5495FE 0%, #498FFF 100%);
711 box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.05);
712 border-radius: 2px;
713 opacity: 0.88;
714 color: #FFFFFF;
715 font-size: 20px;
716 text-align: center;
717 box-sizing: border-box;
718 padding-top: 46px;
719 position: relative;
720 }
721 .business-list-rightItem ul:nth-of-type(1) li::after {
722 content: '';
723 position: absolute;
724 width: 213px;
725 height: 137px;
726 border: 1px solid #74A9FF;
727 border-radius: 1px;
728 left: 5px;
729 top: 5px;
730 background: url('/staticImages/idanganbg.png') no-repeat right bottom;
731 background-size: 65px 66px;
732 }
733 .business-list-rightItem ul:nth-of-type(1) li:not(:last-child) {
734 margin-right: 20px;
735 }
736 .business-list-rightItem ul:nth-of-type(1) li img {
737 width: 36px;
738 height: 35px;
739 position: relative;
740 top: 10px;
741 }
...\ No newline at end of file ...\ No newline at end of file
......

6.64 KB

2.37 KB

6.25 KB

5.82 KB

6.67 KB

1.88 KB

971 Bytes

1.26 KB

1.14 KB

1.22 KB

1.83 KB

2.1 KB