Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
7b47da98 by 任超
Options

style:消息

1 parent fd6e2350
Inline Side-by-side
Showing 5 changed files with 310 additions and 236 deletions
1 /* ------------------------公共头部和尾部css------------------------------------ */
2
3 .layui-icon-search {
4 color: #6D7278;
5 }
6 .active1 {
7 background-color: #1E9FFF!important;
8 color: #fff!important;
9 }
10 .layui-anim-upbit a {
11 background-color: #fff!important;
12 font-weight: 100!important;
13 color: #000000!important;
14 }
15 .layui-anim-upbit a:hover {
16 background-color: #0091FF!important;
17 color: #ffffff!important;
18 font-weight: 600!important;
19 }
20 .layui-laypage .layui-laypage-curr .layui-laypage-em {
21 background-color: #0091FF;
22 }
23 /* ----------------------公共样式-------------------------- */ 1 /* ----------------------公共样式-------------------------- */
24 .contentBox { 2 .contentBox {
25 width: 1200px; 3 width: 1200px;
...@@ -48,150 +26,6 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq ...@@ -48,150 +26,6 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq
48 background: transparent; 26 background: transparent;
49 font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif,PingFangSC-Medium, PingFang SC; 27 font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif,PingFangSC-Medium, PingFang SC;
50 } 28 }
51 .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
52 font-weight: 600;
53 background-color: #0091FF;
54 }
55 .layui-nav .layui-this:after {
56 display: none;
57 }
58 .layui-nav .layui-nav-item a:hover {
59 color: #fff;
60 }
61
62 .layui-nav-bar {
63 display: none;
64 }
65 div a {
66 color: #4A4A4A;
67 text-decoration: none;
68 }
69
70 div.subject h2 a:hover {
71 color: #0091FF;
72 }
73 .layui-nav-item a{
74 font-size: 16px;
75 }
76 div.subject {
77 margin: 0 auto;
78 float: none;
79 clear: both;
80 position: relative;
81 min-width: 1200px;
82 }
83 div.top-logo {
84 width: 1178px;
85 height: 70px!important;
86 padding-top: 20px;
87 margin: 0 auto;
88 }
89
90 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
91 font-size: 14px;
92 color: #9B9B9B;
93 }
94
95 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
96 font-size: 14px;
97 color: #9B9B9B;
98 }
99
100 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
101 font-size: 14px;
102 color: #9B9B9B;
103 }
104 .top_logo_content {
105 height: 40px;
106 width: 100%;
107 margin: 0 auto;
108 }
109 div.top-logo .top_logo_search {
110 float: left;
111 width: 350px;
112 position: relative;
113 margin-left: 328px;
114 }
115 div.top-logo .top_logo_search input {
116 border-radius: 50px;
117 border: 1.5px solid #CBCBCB;
118 padding-left: 15px;
119 }
120 .search_img {
121 width: 13px;
122 height: 13px;
123 position: absolute;
124 top: 11px;
125 right: 19px;
126 }
127 div.top-logo .login {
128 float: right;
129 position: relative;
130 top: -5px;
131 }
132 .login li {
133 color: #6D7278;
134 font-size: 16px;
135 }
136 .login li a {
137 color: #6D7278;
138 }
139 div.top-logo .login a:hover {
140 color: #0091FF;
141 }
142 div.top-logo .top_logo_search i {
143 position: absolute;
144 right: 10px;
145 top: 11px;
146 cursor: pointer;
147 }
148 .top-logo h1 {
149 display: inline-block;
150 float: left;
151 }
152 .top-logo h1 img {
153 width:280px;
154 height: 42px;
155 margin-top: 6px;
156 }
157 .top-logo ul li {
158 display: inline-block;
159 padding: 0 12px;
160 }
161
162 .top-logo ul li:first-child {
163 height: 13px;
164 line-height: 12px;
165 }
166 #cancellation {
167 cursor: pointer;
168 }
169 div.navigation {
170 text-align: center;
171 height: 59px;
172 }
173 .navigation .layui-nav-item {
174 width: 147px;
175 position: relative;
176 border-right: 1px solid rgba(255,255,255, 0.1);
177 border-left: 1px solid rgba(255,255,255, 0.1);
178 margin-right: -1px;
179 }
180 .navigation .layui-nav-item:first-child {
181 border-left: 1px solid rgba(255,255,255, 0.2);
182 }
183 .navigation .layui-nav-item:nth-child(8) {
184 border-right: 1px solid rgba(255,255,255, 0.2);
185 }
186 .layui-bg-blue {
187 background-color: #006CFF!important;
188 }
189 .layui-nav-item a{
190 font-size: 18px;
191 }
192 .layui-nav .layui-nav-more {
193 right: 16px;
194 }
195 29
196 /* -----------------底部start----------------------------- */ 30 /* -----------------底部start----------------------------- */
197 div.footer { 31 div.footer {
...@@ -319,76 +153,6 @@ div.footer .system_service ul li a:hover { ...@@ -319,76 +153,6 @@ div.footer .system_service ul li a:hover {
319 background-color: rgba(144,147,153,.5); 153 background-color: rgba(144,147,153,.5);
320 } 154 }
321 155
322 /* 登陆样式 by jxx */
323 .PersonLogin{
324 cursor: pointer;
325 font-size: 14px;
326 }
327 .loginINfo {
328 padding: 50px 50px;
329 }
330 .loginINfo ul {
331 margin-bottom: 15px;
332 }
333 .loginINfo ul li {
334 color: rgb(44, 41, 41);
335 margin-bottom: 10px;
336 }
337 .loginINfo ul li span{
338 font-size: 16px!important;
339 width: 80px;
340 display: inline-block;
341 text-align-last: justify;
342 }
343 .loginINfo h3 {
344 display: inline-block;
345 font-size: 16px;
346 font-weight: 600;
347 }
348 .require{
349 color:red
350 }
351 .requireInfo{
352 color: red;
353 margin-left:95px;
354 font-size: 12px;
355 display: none
356 }
357 .userInfo {
358 border-radius: 5px;
359 top: 45px!important;
360 }
361 .userInfo img {
362 width: 18px;
363 display: inline-block;
364 position: relative;
365 top: 2px;
366 right: 5px;
367 }
368 .btns{
369 display: flex;
370 justify-content: center;
371 }
372 .personalCenter {
373 display: inline-block;
374 }
375 .personalCenter a {
376 color: #006CFF;
377 }
378 .appointment_content {
379 background: #FFFFFF;
380 box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
381 -moz-box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
382 -webkit-box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
383 border-radius: 6px;
384 border: 1px solid #E5E8ED;
385 width: 1200px;
386 margin: 0 auto;
387 margin-top: 20px;
388 padding: 20px;
389 box-sizing: border-box;
390 margin-bottom: 30px;
391 }
392 156
393 /* card样式 */ 157 /* card样式 */
394 .cardItem { 158 .cardItem {
......
1 .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
2 font-weight: 600;
3 background-color: #0091FF;
4 }
5 .layui-nav .layui-this:after {
6 display: none;
7 }
8 .layui-nav .layui-nav-item a:hover {
9 color: #fff;
10 }
11
12 .layui-nav-bar {
13 display: none;
14 }
15 div a {
16 color: #4A4A4A;
17 text-decoration: none;
18 }
19
20 div.subject h2 a:hover {
21 color: #0091FF;
22 }
23 .layui-nav-item a{
24 font-size: 16px;
25 }
26 div.subject {
27 margin: 0 auto;
28 float: none;
29 clear: both;
30 position: relative;
31 min-width: 1200px;
32 }
33 div.top-logo {
34 width: 1178px;
35 height: 70px!important;
36 padding-top: 20px;
37 margin: 0 auto;
38 }
39
40 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
41 font-size: 14px;
42 color: #9B9B9B;
43 }
44
45 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
46 font-size: 14px;
47 color: #9B9B9B;
48 }
49
50 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
51 font-size: 14px;
52 color: #9B9B9B;
53 }
54 .top_logo_content {
55 height: 40px;
56 width: 100%;
57 margin: 0 auto;
58 }
59 div.top-logo .top_logo_search {
60 float: left;
61 width: 350px;
62 position: relative;
63 margin-left: 290px;
64 }
65 div.top-logo .top_logo_search input {
66 border-radius: 50px;
67 border: 1.5px solid #CBCBCB;
68 padding-left: 15px;
69 }
70 .search_img {
71 width: 13px;
72 height: 13px;
73 position: absolute;
74 top: 11px;
75 right: 19px;
76 }
77 div.top-logo .login {
78 float: right;
79 position: relative;
80 top: -5px;
81 }
82 .login li {
83 color: #6D7278;
84 font-size: 16px;
85 }
86 .login li a {
87 color: #6D7278;
88 }
89 div.top-logo .login a:hover {
90 color: #0091FF;
91 }
92 div.top-logo .top_logo_search i {
93 position: absolute;
94 right: 10px;
95 top: 11px;
96 cursor: pointer;
97 }
98 .top-logo h1 {
99 display: inline-block;
100 float: left;
101 }
102 .top-logo h1 img {
103 width:280px;
104 height: 42px;
105 margin-top: 6px;
106 }
107 .top-logo ul li {
108 display: inline-block;
109 padding: 0 12px;
110 }
111
112 .top-logo ul li:first-child {
113 height: 13px;
114 line-height: 12px;
115 }
116 #cancellation {
117 cursor: pointer;
118 }
119 div.navigation {
120 text-align: center;
121 height: 59px;
122 }
123 .navigation .layui-nav-item {
124 width: 147px;
125 position: relative;
126 border-right: 1px solid rgba(255,255,255, 0.1);
127 border-left: 1px solid rgba(255,255,255, 0.1);
128 margin-right: -1px;
129 }
130 .navigation .layui-nav-item:first-child {
131 border-left: 1px solid rgba(255,255,255, 0.2);
132 }
133 .navigation .layui-nav-item:nth-child(8) {
134 border-right: 1px solid rgba(255,255,255, 0.2);
135 }
136 .layui-bg-blue {
137 background-color: #006CFF!important;
138 }
139 .layui-nav-item a{
140 font-size: 18px;
141 }
142 .layui-nav .layui-nav-more {
143 right: 16px;
144 }
145 /* 登陆样式 by jxx */
146 .PersonLogin{
147 cursor: pointer;
148 font-size: 14px;
149 }
150 .loginINfo {
151 padding: 50px 50px;
152 }
153 .loginINfo ul {
154 margin-bottom: 15px;
155 }
156 .loginINfo ul li {
157 color: rgb(44, 41, 41);
158 margin-bottom: 10px;
159 }
160 .loginINfo ul li span{
161 font-size: 16px!important;
162 width: 80px;
163 display: inline-block;
164 text-align-last: justify;
165 }
166 .loginINfo h3 {
167 display: inline-block;
168 font-size: 16px;
169 font-weight: 600;
170 }
171 .require{
172 color:red
173 }
174 .requireInfo{
175 color: red;
176 margin-left:95px;
177 font-size: 12px;
178 display: none
179 }
180 .userInfo {
181 border-radius: 5px!important;
182 top: 45px!important;
183 }
184 .userInfo img {
185 width: 18px;
186 display: inline-block;
187 position: relative;
188 top: 2px;
189 right: 5px;
190 }
191 .btns{
192 display: flex;
193 justify-content: center;
194 }
195 .personalCenter {
196 display: inline-block;
197 }
198 .personalCenter a {
199 color: #006CFF;
200 }
201 .appointment_content {
202 background: #FFFFFF;
203 box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
204 -moz-box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
205 -webkit-box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
206 border-radius: 6px;
207 border: 1px solid #E5E8ED;
208 width: 1200px;
209 margin: 0 auto;
210 margin-top: 20px;
211 padding: 20px;
212 box-sizing: border-box;
213 margin-bottom: 30px;
214 }
215 /* ------------------------公共头部和尾部css------------------------------------ */
216
217 .layui-icon-search {
218 color: #6D7278;
219 }
220 .active1 {
221 background-color: #1E9FFF!important;
222 color: #fff!important;
223 }
224 .layui-anim-upbit a {
225 background-color: #fff!important;
226 font-weight: 100!important;
227 color: #000000!important;
228 }
229 .layui-anim-upbit a:hover {
230 background-color: #0091FF!important;
231 color: #ffffff!important;
232 font-weight: 600!important;
233 }
234 .layui-laypage .layui-laypage-curr .layui-laypage-em {
235 background-color: #0091FF;
236 }
237 /* 消息模块 */
238 .sysNews {
239 margin-right: 30px;
240 cursor: pointer;
241 height: auto!important;
242 line-height: auto!important;
243 position: relative;
244 top: -10px;
245 }
246 .sysNewsItem {
247 position: relative;
248 }
249 .sysNewsList {
250 top: 39px!important;
251 border-radius: 5px!important;
252 width: 360px!important;
253 }
254 .sysNewsItem .sysNewsNum {
255 position: absolute;
256 display: block;
257 color: #fff;
258 background-color: #ff0000;
259 width: 14px;
260 height: 14px;
261 border-radius: 50%;
262 line-height: 14px;
263 right: -3px;
264 top: 0;
265 font-size: 12px;
266 text-align: center;
267 }
268 .sysNews img {
269 width: 26px;
270 }
271 .sysNewsList dd a {
272 display: block;
273 }
274 .sysNewsList dd {
275 height: 54px!important;
276 padding-top: 10px;
277 }
278 .sysNewsList dd a:hover {
279 background: none!important;
280 font-weight: 100!important;
281 }
282 .sysNewsList dd a p {
283 width: 100%;
284 display: block;
285 line-height: 24px;
286 color: #4a4a44;
287 }
288 .sysNewsList dd a p:hover {
289 color: #006CFF;
290 }
291 .sysNewsList dd a p span {
292 font-size: 12px;
293 color: #006CFF;
294 }
295 .sysNewsList dd a p span:nth-child(1){
296 float: left;
297 }
298 .sysNewsList dd a p span:nth-child(2){
299 float: right;
300 }
...@@ -16,9 +16,11 @@ document.writeln(" <meta name=\'description\' content=\'\' />"); ...@@ -16,9 +16,11 @@ document.writeln(" <meta name=\'description\' content=\'\' />");
16 document.writeln(" <meta name=\'Keywords\' content=\'\' />"); 16 document.writeln(" <meta name=\'Keywords\' content=\'\' />");
17 document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'" + localhostPaht + "/staticLib/layui/css/layui.css\' />"); 17 document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'" + localhostPaht + "/staticLib/layui/css/layui.css\' />");
18 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'" + localhostPaht + "/staticCss/common.css\' />"); 18 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'" + localhostPaht + "/staticCss/common.css\' />");
19 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'" + localhostPaht + "/staticCss/header.css\' />");
19 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/jquery/jquery.min.js\'></script>"); 20 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/jquery/jquery.min.js\'></script>");
20 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/login.js\'></script>"); 21 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/login.js\'></script>");
21 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/common.js\'></script>"); 22 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/common.js\'></script>");
23 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/header.js\'></script>");
22 document.writeln("</head>"); 24 document.writeln("</head>");
23 document.writeln(""); 25 document.writeln("");
24 document.writeln("<body>"); 26 document.writeln("<body>");
...@@ -38,6 +40,14 @@ document.writeln(" <p class='loginButton register' id='regist ...@@ -38,6 +40,14 @@ document.writeln(" <p class='loginButton register' id='regist
38 document.writeln(" </li>"); 40 document.writeln(" </li>");
39 document.writeln(" </ul>"); 41 document.writeln(" </ul>");
40 document.writeln(" <ul class='login layui-nav login-con loginAfter'>"); 42 document.writeln(" <ul class='login layui-nav login-con loginAfter'>");
43
44 document.writeln(" <li class='layui-nav-item sysNews'>");
45 document.writeln(" <p class='sysNewsItem'><img class='userImage' src=\'" + localhostPaht + "/staticImages/xiaoxi.png\'><span class='sysNewsNum'>12</span></p>");
46 document.writeln(" <dl class='layui-nav-child sysNewsList'>");
47 document.writeln(" <dd><a><p>您申请办理的XXX业务已成功提交</p><p><span>2020-12-32</span> <span>已读</span></p></a></dd>");
48 document.writeln(" <dd><a><p>您申请办理的XXX业务已成功提交</p><p><span>2020-12-32</span> <span>已读</span></p></a></dd>");
49 document.writeln(" </dl>");
50 document.writeln(" </li>");
41 document.writeln(" <img class='userImage' src=\'" + localhostPaht + "/staticImages/user.png\'>"); 51 document.writeln(" <img class='userImage' src=\'" + localhostPaht + "/staticImages/user.png\'>");
42 document.writeln(" <p class='personalCenter'><a href=\'" + localhostPaht + "/staticViews/grzx.html\'>个人中心</a></p>"); 52 document.writeln(" <p class='personalCenter'><a href=\'" + localhostPaht + "/staticViews/grzx.html\'>个人中心</a></p>");
43 document.writeln(" <li class='layui-nav-item loginSelect'>"); 53 document.writeln(" <li class='layui-nav-item loginSelect'>");
......
File mode changed