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 121 additions and 5 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>
...@@ -191,10 +195,51 @@ ...@@ -191,10 +195,51 @@
191 <a href="">法人登录</a> 195 <a href="">法人登录</a>
192 <a href="">个人注册</a> 196 <a href="">个人注册</a>
193 <a href="">法人登录</a> 197 <a href="">法人登录</a>
194 <p class="login-list-subtitle">实现企业和群众“最多跑一次” 、“一次也不跑”</p> 198 <p class="login-list-subtitle">实现企业和群众“最多跑一次” 、“一次也不跑”</p>
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">
......
...@@ -667,4 +667,75 @@ div.c_five ul li a img { ...@@ -667,4 +667,75 @@ div.c_five ul li a img {
667 .login-list a:nth-of-type(n+3) { 667 .login-list a:nth-of-type(n+3) {
668 border: 1px solid #E95515; 668 border: 1px solid #E95515;
669 color: #E95515; 669 color: #E95515;
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;
670 } 741 }
...\ No newline at end of file ...\ No newline at end of file
......