Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d4be69de by 任超
Options

style:资料审核

1 parent 4286dab8
Inline Side-by-side
Showing 5 changed files with 156 additions and 47 deletions
...@@ -50,3 +50,23 @@ ...@@ -50,3 +50,23 @@
50 border-bottom: 2px dotted#dddddd; 50 border-bottom: 2px dotted#dddddd;
51 margin-bottom: 4px; 51 margin-bottom: 4px;
52 } 52 }
53
54 .next_button button {
55 width: 140px;
56 height: 42px;
57 position: relative;
58 }
59 .next_button a {
60 color: #ffffff;
61 display: block;
62 position: absolute;
63 width: 140px;
64 height: 42px;
65 text-align: center;
66 line-height: 42px;
67 left: 0;
68 top: 0;
69 }
70 .next_button a:hover {
71 color: #ffffff;
72 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -25,9 +25,6 @@ ...@@ -25,9 +25,6 @@
25 text-align: center; 25 text-align: center;
26 margin: 10px 0; 26 margin: 10px 0;
27 } 27 }
28 .next_button a {
29 color: #ffffff;
30 }
31 .nav_title { 28 .nav_title {
32 padding: 10px 0 10px 10px; 29 padding: 10px 0 10px 10px;
33 margin:25px 0; 30 margin:25px 0;
...@@ -40,19 +37,7 @@ ...@@ -40,19 +37,7 @@
40 line-height: 14px; 37 line-height: 14px;
41 font-weight: 600; 38 font-weight: 600;
42 } 39 }
43 .info_query ul li { 40 .video_authentication {
44 width: 31%; 41 text-align: center;
45 margin-right: 20px; 42 height: 300px;
46 display: inline-block;
47 margin-bottom: 15px;
48 }
49 .info_query ul li:last-child {
50 margin-right: 0;
51 }
52 .info_query ul li p {
53 display: inline-block;
54 }
55 .info_query ul li input {
56 display: inline-block;
57 width: 300px;
58 } 43 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
2 width: 1200px; 2 width: 1200px;
3 margin: 0 auto; 3 margin: 0 auto;
4 min-height:calc(100vh - 207px); 4 min-height:calc(100vh - 207px);
5 color: #4a4a4a;
5 } 6 }
6 .name_title { 7 .name_title {
7 padding: 10px; 8 padding: 10px;
...@@ -24,6 +25,47 @@ ...@@ -24,6 +25,47 @@
24 text-align: center; 25 text-align: center;
25 margin: 10px 0; 26 margin: 10px 0;
26 } 27 }
27 .next_button a { 28
28 color: #ffffff; 29 .audit_progress {
30 padding: 30px 20px;
31 border: 1px solid #eeeeee;
32 border-radius: 4px;
33 margin-top: 30px;
34 }
35 .audit_progress h2 {
36 font-size: 18px;
37 color: #5FB878;
38 font-weight: 600;
39 margin-bottom: 5px;
40 }
41 .audit_progress p {
42 color: #FA6400;
43 }
44 /* ------------受理信息--------------- */
45 .acceptance_information {
46 margin: 20px 0;
47 }
48 .acceptance_information h3{
49 height: 16px;
50 padding-left: 5px;
51 border-left: 3px solid #0091FF;
52 line-height: 18px;
53 font-size: 16px;
54 font-weight: 600;
55 margin-bottom: 15px;
56 }
57 .acceptance_information ul {
58 font-size: 0;
59 }
60 .acceptance_information ul li {
61 display: inline-block;
62 width: 50%;
63 font-size: 14px;
64 line-height: 28px;
65 }
66 .acceptance_information ul li span {
67 color: #9B9B9B;
68 }
69 .acceptance_information ul li p {
70 display: inline-block;
29 } 71 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -68,32 +68,9 @@ ...@@ -68,32 +68,9 @@
68 <div class="nav_title"> 68 <div class="nav_title">
69 <h2>买方</h2> 69 <h2>买方</h2>
70 </div> 70 </div>
71 <ul> 71 <div class="video_authentication">
72 <li> 72 视频认证
73 <span>权利人</span>： 73 </div>
74 <p>任超</p>
75 </li>
76 <li>
77 <span>证件类型</span>：
78 <p>身份证</p>
79 </li>
80 <li>
81 <span>证件号</span>：
82 <p>78979798798798</p>
83 </li>
84 <li>
85 <span>联系方式</span>：
86 <p>156587979</p>
87 </li>
88 <li>
89 <span>验证码</span>：
90 <input type="tel" name="title" id="tel" maxlength="11" lay-verify="phone" placeholder="请输入手机号"class="layui-input">
91 </li>
92 <li>
93 <button type="button"
94 class="layui-btn layui-btn-radius layui-btn-primary feachBtn layui-btn-sm">获取验证码</button>
95 </li>
96 </ul>
97 </div> 74 </div>
98 <div class="next_button"> 75 <div class="next_button">
99 <button type="button" class="layui-btn layui-btn-normal"> 76 <button type="button" class="layui-btn layui-btn-normal">
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <style> 6 <style>
7 </style> 7 </style>
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <title>立即办理-身份认证</title> 9 <title>立即办理-资料审核</title>
10 <script type="text/javascript" src="../staticJs/head.js"></script> 10 <script type="text/javascript" src="../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css"> 11 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
12 <link rel="stylesheet" type="text/css" href="../staticCss/zlsh.css"> 12 <link rel="stylesheet" type="text/css" href="../staticCss/zlsh.css">
...@@ -63,6 +63,91 @@ ...@@ -63,6 +63,91 @@
63 生成电子证书 63 生成电子证书
64 </li> 64 </li>
65 </ul> 65 </ul>
66 <div class="audit_progress">
67 <h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2>
68 <p>
69 您可以在“ 个人中心-我的业务”查看办理进度
70 </p>
71 </div>
72 <div class="acceptance_information">
73 <h3>受理信息</h3>
74 <ul>
75 <li>
76 <span>权利类型：</span>
77 <p>房屋等建筑物、构筑物所有权</p>
78 </li>
79 <li>
80 <span>业务类型：</span>
81 <p>
82 商品房买卖转移登记（个人）
83 </p>
84 </li>
85 <li>
86 <span>受理编号：</span>
87 <p>78979879879</p>
88 </li>
89 <li>
90 <span>受理日期：</span>
91 <p>
92 2023-5-9
93 </p>
94 </li>
95 </ul>
96 </div>
97 <!-- ---------------房屋信息----------------- -->
98 <div class="acceptance_information">
99 <h3>房屋信息</h3>
100 <ul>
101 <li>
102 <span>不动产单元号：</span>
103 <p>450101 450002 GB 00740W00000000</p>
104 </li>
105 <li>
106 <span>产权证号：</span>
107 <p>70205004005GB10030</p>
108 </li>
109 <li>
110 <span>坐落：</span>
111 <p>
112 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
113 </p>
114 </li>
115 <li>
116 <span>面积：</span>
117 <p>526</p>
118 </li>
119 <li>
120 <span>合同备案号：</span>
121 <p>YS000000000001</p>
122 </li>
123 </ul>
124 </div>
125 <!-- ----------买方信息--------- -->
126 <div class="acceptance_information">
127 <h3>买方信息</h3>
128 <ul>
129 <li>
130 <span>姓名：</span>
131 <p>郭小美</p>
132 </li>
133 <li>
134 <span>证件类型：</span>
135 <p>身份证</p>
136 </li>
137 <li>
138 <span>证件号码：</span>
139 <p>611312317987</p>
140 </li>
141 <li>
142 <span>联系电话：</span>
143 <p>1977897987987</p>
144 </li>
145 </ul>
146 </div>
147 <!-- -------受理流程------------ -->
148 <div class="acceptance_process">
149 <h3>受理流程</h3>
150 </div>
66 <div class="next_button"> 151 <div class="next_button">
67 <button type="button" class="layui-btn layui-btn-normal">下一步</button> 152 <button type="button" class="layui-btn layui-btn-normal">下一步</button>
68 </div> 153 </div>
......