Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
89233ad9 by 任超
Options

style:生成电子证书

1 parent 7987f032
Inline Side-by-side
Showing 4 changed files with 135 additions and 14 deletions
...@@ -23,33 +23,56 @@ ...@@ -23,33 +23,56 @@
23 color: #0091FF; 23 color: #0091FF;
24 } 24 }
25 .certificate_list { 25 .certificate_list {
26 padding: 30px 20px;
27 border: 1px solid #eeeeee;
28 border-radius: 4px; 26 border-radius: 4px;
29 margin: 20px 0; 27 text-align: center;
28 margin-bottom: 30px;
30 } 29 }
31 .certificate_list a { 30 .certificate_list a {
32 color: #0091FF; 31 color:#6D7278;
33 margin-right: 10px; 32 margin-right: 10px;
33 text-decoration:underline;
34 }
35 .certificate_list a:hover {
36 color: #0091FF;
34 } 37 }
35 .certificate_list li { 38 .certificate_list li {
36 line-height: 36px; 39 line-height: 36px;
40 margin-top: 20px;
41 }
42 .certificate_list li p img {
43 width: 24px;
44 height: 24px;
45 position: relative;
46 top: 5px;
37 } 47 }
38 .certificate_list span { 48 .certificate_list span {
39 margin-right: 10px; 49 margin-right: 10px;
50 color:#6D7278;
40 } 51 }
41 .acceptance_information { 52 .acceptance_information {
42 margin-top: 20px; 53 margin-top: 36px;
43 } 54 }
44 .acceptance_information h3 { 55 .acceptance_information h3 , .acceptance_process h3{
45 height: 16px; 56 height: 16px;
46 padding-left: 5px; 57 padding-left: 8px;
47 border-left: 3px solid #0091FF;
48 line-height: 18px;
49 font-size: 16px; 58 font-size: 16px;
50 font-weight: 600; 59 font-weight: 600;
51 margin-bottom: 15px; 60 margin-bottom: 15px;
61 position: relative;
62 border-bottom: 1px dotted #E6E6E6;
63 padding-bottom: 15px;
64 }
65 .acceptance_information h3::before ,.acceptance_process h3::before{
66 position:absolute;
67 content:"";
68 left:0;
69 width:4px;
70 height:12px;
71 border-radius: 1px;
72 top: 5px;
73 background-color: #0091FF;
52 } 74 }
75
53 .acceptance_information ul { 76 .acceptance_information ul {
54 font-size: 0; 77 font-size: 0;
55 } 78 }
...@@ -57,7 +80,7 @@ ...@@ -57,7 +80,7 @@
57 display: inline-block; 80 display: inline-block;
58 width: 50%; 81 width: 50%;
59 font-size: 14px; 82 font-size: 14px;
60 line-height: 28px; 83 line-height: 36px;
61 } 84 }
62 .acceptance_information ul li span { 85 .acceptance_information ul li span {
63 color: #9B9B9B; 86 color: #9B9B9B;
...@@ -65,3 +88,51 @@ ...@@ -65,3 +88,51 @@
65 .acceptance_information ul li p { 88 .acceptance_information ul li p {
66 display: inline-block; 89 display: inline-block;
67 } 90 }
91 /* -----------受理流程-------------- */
92 .acceptance_process {
93 margin-top: 20px;
94 }
95 .acceptance_process ul li {
96 position: relative;
97 width: 109px;
98 display: inline-block;
99 }
100 .acceptance_process ul li:not(:last-child) {
101 margin-right: 250px;
102 }
103 .acceptance_process ul li .date {
104 text-align: center;
105 color: #6D7278;
106 }
107 .acceptance_process ul li .circle {
108 width: 18px;
109 height: 18px;
110 border: 2px solid #2FA5FF;
111 border-radius: 18px;
112 margin: 10px auto;
113 }
114 .acceptance_process ul li h5 {
115 text-align: center;
116 }
117 .acceptance_process ul li .result {
118 font-size: 14px;
119 margin-top: 6px;
120 text-align: center;
121 }
122 .acceptance_process ul li .result span{
123 color: #9B9B9B;
124 }
125 .acceptance_process ul li .result a {
126 color: #0091FF;
127 cursor: pointer;
128 }
129 .acceptance_process .line {
130 position: absolute;
131 width: 340px;
132 height: 1px;
133 background: #DEDEDE;
134 border-radius: 8px;
135 position: absolute;
136 left: 65px;
137 top: 40px;
138 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <span class="layui-breadcrumb"> 18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a> 19 <a href="../../index.html">首页</a>
20 <a href="./wssq.html">网上申请</a> 20 <a href="./wssq.html">网上申请</a>
21 <a><cite>在线申请</cite></a> 21 <a><cite>在线生成电子证书</cite></a>
22 </span> 22 </span>
23 </div> 23 </div>
24 </div> 24 </div>
...@@ -34,14 +34,20 @@ ...@@ -34,14 +34,20 @@
34 <div class="certificate_list"> 34 <div class="certificate_list">
35 <ul> 35 <ul>
36 <li> 36 <li>
37 <p>该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书</p> 37 <p>
38 <img src="../staticImages/xuanzhong.png" />
39 该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书
40 </p>
38 <p> 41 <p>
39 <span>电子证照下载</span> 42 <span>电子证照下载</span>
40 <a href="">陕（2019）XXXXXX</a> 43 <a href="">陕（2019）XXXXXX</a>
41 </p> 44 </p>
42 </li> 45 </li>
43 <li> 46 <li>
44 <p>该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄</p> 47 <p>
48 <img src="../staticImages/xuanzhong.png" />
49 该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄
50 </p>
45 <p> 51 <p>
46 <a href="">物流信息</a> 52 <a href="">物流信息</a>
47 <span>电子证照下载</span> 53 <span>电子证照下载</span>
...@@ -120,6 +126,50 @@ ...@@ -120,6 +126,50 @@
120 </li> 126 </li>
121 </ul> 127 </ul>
122 </div> 128 </div>
129 <!-- ------------受理流程-------------- -->
130 <div class="acceptance_process">
131 <h3>受理流程</h3>
132 <ul>
133 <li>
134 <p class="date">2020-10-89</p>
135 <p class="circle"></p>
136 <h5>申请</h5>
137 <p class="result">
138 <span>已提交</span>
139 <a>询问笔录</a>
140 </p>
141 <div class="line"></div>
142 </li>
143 <li>
144 <p class="date">2020-10-89</p>
145 <p class="circle"></p>
146 <h5>申请</h5>
147 <p class="result">
148 <span>已提交</span>
149 <a>完税详情</a>
150 </p>
151 <div class="line"></div>
152 </li>
153 <li>
154 <p class="date">2020-10-89</p>
155 <p class="circle"></p>
156 <h5>申请</h5>
157 <p class="result">
158 <span>已认证</span>
159 </p>
160 <div class="line"></div>
161 </li>
162 <li>
163 <p class="date">2020-10-89</p>
164 <p class="circle"></p>
165 <h5>申请</h5>
166 <p class="result">
167 <span>已缴费</span>
168 <a>缴费详情</a>
169 </p>
170 </li>
171 </ul>
172 </div>
123 </div> 173 </div>
124 </body> 174 </body>
125 <script type="text/javascript" src="../staticJs/common.js"></script> 175 <script type="text/javascript" src="../staticJs/common.js"></script>
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 <div class="content_box"> 25 <div class="content_box">
26 <div class="name_title layui-bg-gray"> 26 <div class="name_title layui-bg-gray">
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p> 二手房转移买卖登记（个人）</p> 28 <p> 商品房移买卖登记（个人）</p>
29 </div> 29 </div>
30 <div class="progressBar"> 30 <div class="progressBar">
31 <ul class="app_progress" id="app_progress"> 31 <ul class="app_progress" id="app_progress">
......