Skip to content

任超 / js.portalStaticPage

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

style:相应政策

1 parent 3508b875
Inline Side-by-side
Showing 5 changed files with 223 additions and 428 deletions
1 .laws_regulations {
2 width: 1200px;
3 margin: 0 auto;
4 padding-top: 30px;
5 overflow: hidden;
6 }
7 .item_list {
8 float: left;
9 width: 82%;
10 padding-bottom: 30px;
11 }
12 .item_list ul {
13 border-right: 1px solid #DEDEDE;
14 min-height: 630px;
15 }
16 .item_list li{
17 line-height: 50px;
18 border-bottom: 1px solid #DEDEDE;
19 box-sizing: border-box;
20 padding-right: 20px;
21 }
22
23
24 .item_list li p{
25 display: inline-block;
26 font-size: 20px;
27 color: #4a4a4a;
28 width: 82%;
29 white-space:nowrap;
30 overflow:hidden;
31 text-overflow:ellipsis;
32 }
33 .item_list li span {
34 color: #9B9B9B;
35 float: right;
36 }
37 .item_list li {
38 cursor: pointer;
39 }
40 .item_list li:hover p{
41 color: #0091FF;
42 }
43 .item_list li:hover span{
44 color: #0091FF;
45 }
46 .recommend_list {
47 float: right;
48 width: 200px;
49 margin-left: 10px;
50 margin-bottom: 10px;
51 min-height: 500px;
52 }
53 #page {
54 text-align: center;
55 margin-top: -35px;
56 }
57 .recommend_list h2 {
58 font-size: 18px;
59 margin-bottom: 15px;
60 color: #4A4A4A;
61 font-weight: 600;
62 }
63 .recommend_list h3 {
64 font-size: 14px;
65 color: #4A4A4A;
66 font-weight: 600;
67 margin-bottom: 5px;
68 }
69 .recommend_list .recommend_con {
70 color: #6D7278;
71 line-height: 21px;
72 font-size: 14px;
73 }
74 .recommend_list .recommend_date {
75 color: #9B9B9B;
76 font-size: 12px;
77 margin-top: 5px;
78 }
79 .policy_list {
80 padding-bottom: 30px;
81 border-bottom: 1px solid #DEDEDE;
82 }
83 .news_list {
84 padding-top: 30px;
85 }
86 .news_list img {
87 width: 100%;
88 height: 124px;
89 margin-bottom: 10px;
90 }
...\ No newline at end of file ...\ No newline at end of file
1 .main {
2 overflow: hidden;
3 }
4
5 div.subject h2 a:hover {
6 color: #0091FF;
7 }
8
9 div.subject {
10 margin: 0 auto;
11 float: none;
12 clear: both;
13 position: relative;
14 min-width: 1200px;
15 }
16 .contentBox {
17 width: 1200px;
18 margin: 0 auto;
19 overflow: hidden;
20 padding-bottom: 0!important;
21 }
22
23 .one_content {
24 border: 1px solid #DEDEDE;;
25 margin-top: 30px;
26 }
27
28 .one_content .layui-tab {
29 margin: 0;
30 }
31
32 .one_content .layui-tab-title li {
33 width: 100px;
34 font-weight: 600;
35 color: #6D7278;
36 }
37
38 .one_content .layui-tab-title .layui-this {
39 color: #4A4A4A;
40 }
41
42 .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
43 border-color: #006CFF;
44 }
45
46 .layui-tab .layui-tab-brief .layui-this {
47 color: #006CFF;
48 }
49
50 .layui-tab .layui-tab-brief li {
51 width: 90px;
52 }
53
54 .online_business {
55 margin-top: 20px;
56 }
57
58 .online_business h2 {
59 width: 100%;
60 height: 43px;
61 line-height: 43px;
62 background: #FAFAFA;
63 border-radius: 4px;
64 border: 1px solid #DEDEDE;
65 padding-left: 15px;
66 box-sizing: border-box;
67 }
68
69 .online_list {
70 padding-bottom: 20px;
71 overflow: hidden;
72 }
73
74 .online_list li {
75 width: 45% !important;
76 float: left;
77 height: 60px;
78 line-height: 60px;
79 border-bottom: 1px dotted #DEDEDE;
80 }
81
82 .online_list li:nth-child(even) {
83 margin-left: 10%;
84 }
85
86 .online_list li a {
87 display: block;
88 width: 100%;
89 }
90
91 .online_list li a:hover span {
92 color: #0091FF;
93 }
94
95 .online_list li a button {
96 float: right;
97 margin-top: 15px;
98 }
99
100 /* ---------------------------------------------------- */
101 .content_zc {
102 min-height:calc(100vh - 190px);
103 }
104 .leftandright {
105 width: 1200px;
106 margin: 0 auto;
107 overflow: hidden;
108 }
109 .leftandright .left {
110 width: 80%;
111 }
112 .right {
113 width: 400px;
114 }
115 .left {
116 width: 82%;
117 }
118 .left, .right {
119 float: left;
120 }
121
122 .xw {
123 display: block;
124 padding-top: 10px;
125 height: 112px;
126 cursor: pointer;
127 }
128
129 .xw-left {
130 margin-right: 20px;
131 }
132
133 .xw-left img {
134 width: 200px;
135 height: 125px;
136 background: #D8D8D8;
137 }
138
139 .xw-left, .xw-right {
140 float: left;
141 }
142
143 .xw-right {
144 padding-right: 10px;
145 }
146 .leftContainer{
147 border-right: 1px solid #DEDEDE;
148 margin-top: 28px;
149 padding-bottom: 20px;
150 }
151 .leftContainer li{
152 border-bottom: 1px solid #EAEAEA;
153 margin-bottom: 25px;
154 }
155 .leftContainer li:last-child{
156 border-bottom: 1px solid #DEDEDE;
157 }
158 .left-top {
159 width: 408px;
160 height: 18px;
161 font-size: 18px;
162 font-weight: bold;
163 color: #686666;
164 line-height: 18px;
165 cursor: pointer;
166 }
167 .left-top:hover {
168 color: #686666;
169 }
170
171 .left-body {
172 font-size: 14px;
173 font-weight: 400;
174 color: #6D7278;
175 line-height: 25px;
176 overflow : hidden;
177 text-overflow: ellipsis;
178 display: -webkit-box;
179 -webkit-line-clamp: 2;
180 -webkit-box-orient: vertical;
181 }
182
183 .left-buttom {
184 overflow: hidden;
185 color: #9B9B9B;
186 }
187 .left-buttom .icon{
188 width: 36px;
189 height: 24px;
190 position: relative;
191 top: 6px;
192 }
193 .left-buttom div:nth-child(2) {
194 margin-left: 60px;
195 }
196
197 .left-buttom div {
198 float: left;
199 line-height: 57px
200 }
201 .left-buttom-date {
202 line-height: 57px;
203 float: right !important;
204 margin-right: 20px;
205 }
206
207 #page {
208 margin-top: 20px;
209 text-align: center;
210 margin-bottom: 50px;
211 }
212
213 .right {
214 width: 200px;
215 margin-top: 36px;
216 margin-left: 15px;
217 }
218
219 .right-top {
220 height: 18px;
221 font-size: 18px;
222 font-weight: 500;
223 color: #686666;
224 line-height: 0;
225 }
226 .right-top h2 {
227 font-weight: 600;
228 cursor: pointer;
229 }
230
231 .right-body {
232 display: inline-block;
233 margin-bottom: 20px;
234 }
235
236
237 .tj img {
238 width: 200px;
239 height: 125px;
240 margin-top: 20px;
241 }
242
243 .tj img, .tj span {
244 float: left;
245 }
246
247 .tj-title {
248 width: 203px;
249 font-size: 14px;
250 font-weight: bold;
251 color: #4A4A4A;
252 line-height: 21px;
253 }
254
255 .tj-date {
256 width: 90px;
257 height: 12px;
258 font-size: 12px;
259 font-weight: 400;
260 color: #9B9B9B;
261 line-height: 12px;
262 }
263
264 .right-bottom {
265 border-top: 1px solid #DEDEDE;
266 }
267
268 .right-bottom-top {
269 width: 108px;
270 height: 18px;
271 font-size: 18px;
272 margin-top: 20px;
273 font-weight: bold;
274 color: #4A4A4A;
275 line-height: 18px;
276 }
277
278 .zcfg {
279 margin-top: 20px;
280 display: inline-block;
281 }
282
283 .zcfg div {
284 float: left;
285 }
286
287 .zcfg-top {
288 width: 200px;
289 height: 14px;
290 font-size: 14px;
291 font-weight: bold;
292 color: #686666;
293 line-height: 14px;
294 margin-bottom: 5px;
295 }
296
297 .zcfg-body {
298 width: 200px;
299 font-size: 14px;
300 display: inline-block;
301 font-weight: 400;
302 color: #6D7278;
303 line-height: 21px;
304 }
305
306 .zcfg-bottom {
307 width: 90px;
308 height: 12px;
309 font-size: 12px;
310 font-weight: 400;
311 color: #9B9B9B;
312 line-height: 12px;
313 }
1 $(function () {
2 layui.use('element', function () {
3 let element = layui.element;
4 });
5 addTabs('#zwgk')
6 getLawsArticleList()
7 getPolicyHotArticleList()
8 HotArticle()
9 })
10
11 // 获取法律法规列表数据
12 function getLawsArticleList() {
13 var flfgList = $("#flfgList");
14 flfgList.empty();
15 var li = '';
16 $.ajax({
17 type: "get", //提交方式
18 url: portal.api_url + "/hlwj/MhLaws/getLawsArticleList",//路径
19 dataType: "json",
20 async: false,
21 data: {
22 "currentPage": data.currentPage,
23 "pageSize": data.pageSize
24 },
25 //数据，这里使用的是Json格式进行传输
26 success: function (result) {//返回数据根据结果进行相应的处理
27 if (result.code == 200 && result.data != null) {
28 data.total = result.data.total
29 for (var i = 0; i < result.data.records.length; i++) {
30 li = '<li>';
31 li += '<a href="./flfgxq.html?id='+result.data.records[i].id+'" title="' + result.data.records[i].headline + '" target="_blank">'
32 li += '<p>' + result.data.records[i].headline + '</p>';
33 li += '<span>' + result.data.records[i].deadtime + '</span>';
34 li += '</a>';
35 li += '</li>';
36 flfgList.append(li);
37 }
38 }
39 }
40
41 })
42 }
43
44 // 相应政策推荐
45 function getPolicyHotArticleList() {
46 var policy_list_con = $(".policy_list_con");
47 policy_list_con.empty();
48 var li = '';
49 $.ajax({
50 type: "get", //提交方式
51 url: portal.api_url + "/hlwj/MhPolicy/getPolicyHotArticleList",//路径
52 dataType: "json",
53 async: false,
54 //数据，这里使用的是Json格式进行传输
55 success: function (result) {//返回数据根据结果进行相应的处理
56 if (result.code == 200 && result.data != null) {
57 for (var i = 0; i < result.data.length; i++) {
58 li = '<li>'
59 li += '<h3>'+result.data[i].headline+'</h3>'
60 li += '<p class="recommend_con">'+result.data[i].summary+'</p>'
61 li += '<p class="recommend_date">'+result.data[i].deadtime+'</p>'
62 li += '</li>'
63 policy_list_con.append(li);
64 }
65 }
66 }
67 })
68 }
69 // 获取新闻动态的推荐数据
70 function HotArticle() {
71 var news_list_con = $(".news_list_con");
72 news_list_con.empty();
73 var li = '';
74 $.ajax({
75 type: "get", //提交方式
76 url: portal.api_url + "/hlwj/MhNews/getNewsHotArticleList",//路径
77 dataType: "json",
78 async: false,
79 //数据，这里使用的是Json格式进行传输
80 success: function (result) {//返回数据根据结果进行相应的处理
81 if (result.code == 200 && result.data != null) {
82 for (var i = 0; i < result.data.length; i++) {
83 li = '<li>';
84 li += '<img src="' + result.data[i].cover + '">';
85 li += '<h3>'+result.data[i].headline+'</h3>';
86 li += '<p class="recommend_date">'+result.data[i].deadtime+'</p>';
87 li += '</li>';
88 news_list_con.append(li);
89 }
90 }
91 }
92 })
93 }
94
95
96
97 layui.use('laypage', function () {
98 var laypage = layui.laypage;
99 //执行一个laypage实例
100 laypage.render({
101 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
102 , count: data.total //数据总数，从服务端得到
103 , limit: data.pageSize
104 , prev: '<'
105 , next: '>'
106 , theme: '#0091FF'
107 , jump: function (obj, first) {
108 data.currentPage = obj.curr
109 getLawsArticleList();
110 }
111 });
112 });
113 var data = { //数据
114 "list": [],
115 total: undefined,
116 currentPage: 1,
117 pageSize: 5
118 };
...\ No newline at end of file ...\ No newline at end of file
1 $(function () {
2 layui.use('element', function () {
3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
4 //监听导航点击
5 element.on('nav(demo)', function (elem) {
6 //console.log(elem)
7 layer.msg(elem.text());
8 });
9 });
10 layui.use('laypage', function () {
11 let laypage = layui.laypage;
12 //执行一个laypage实例
13 laypage.render({
14 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
15 , count: 50 //数据总数，从服务端得到
16 , prev: '<'
17 , next: '>'
18 , theme: '#0091FF'
19 });
20 })
21 addTabs('#zwgk')
22 })
23
24 // 初始化数据
25 function initData() {
26 var recommend = $("#news_recommendation");
27 recommend.empty();
28 var li = '';
29 $.ajax({
30 type: "get", //提交方式
31 url: portal.api_url + "/hlwj/MhNews/getNewsHotArticleList",//路径
32 dataType: "json",
33 async: false,
34 //数据，这里使用的是Json格式进行传输
35 success: function (result) {//返回数据根据结果进行相应的处理
36 if (result.code == 200 && result.data != null) {
37 console.log(result.data)
38 for (var i = 0; i < result.data.length; i++) {
39 li = '<li class="tj">';
40 li += '<img src="' + result.data[i].cover + '">';
41 li += '<span class="tj-title">'+result.data[i].headline+'</span>';
42 li += '<span class="tj-date">'+result.data[i].deadtime+'</span>';
43 li += '</li>';
44 recommend.append(li);
45 }
46 }
47 }
48 })
49 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
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/zcfg.css"> 11 <link rel="stylesheet" type="text/css" href="../staticCss/xyzc.css">
12 </head> 12 </head>
13 13
14 <body> 14 <body>
...@@ -16,81 +16,30 @@ ...@@ -16,81 +16,30 @@
16 <div class="contentBox"> 16 <div class="contentBox">
17 <span class="layui-breadcrumb"> 17 <span class="layui-breadcrumb">
18 <a href="../index.html">首页</a> 18 <a href="../index.html">首页</a>
19 <a><cite>政策法规</cite></a> 19 <a><cite>相应政策</cite></a>
20 </span> 20 </span>
21 </div> 21 </div>
22 </div> 22 </div>
23 <div class="content_zc"> 23 <div class="laws_regulations">
24 <div class="leftandright"> 24 <div class="item_list">
25 <div class="left"> 25 <ul id="flfgList">
26 <ul class="leftContainer">
27 <li>
28 <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" target="_blank">
29 前三季度主要指标由负转正 中国经济持续稳定恢复
30 </a>
31 <a class="xw" href="./../xwxq/index.html" target="_blank">
32 <div class="xw-right">
33 <div class="left-body">
34 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
35 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
36 </div>
37 <div class="left-buttom">
38 <div>
39 <svg class="icon svg-icon" aria-hidden="true">
40 <use xlink:href="#iconchakan"></use>
41 </svg>
42 <span>123</span>
43 </div>
44 <div>
45 <svg class="icon svg-icon" aria-hidden="true">
46 <use xlink:href="#iconpinglun"></use>
47 </svg>
48 <span>456</span>
49 </div>
50 <div class="left-buttom-date">
51 2020-12-27
52 </div>
53 </div>
54 </div>
55 </a>
56 </li>
57 </ul> 26 </ul>
58 <div id="page"></div> 27 <div id="page"></div>
59 </div> 28 </div>
60 <div class="right"> 29 <div class="recommend_list">
61 <div class="right-top"> 30 <ul class="policy_list">
62 <h2>政策法规推荐</h2> 31 <h2>相应政策</h2>
63 </div> 32 <div class="policy_list_con"></div>
64 <ul class="right-bottom"> 33 </ul>
65 <li class="zcfg"> 34
66 <div class="zcfg-top"> 35 <ul class="news_list">
67 <span>爬山虎国土空间规划信息化解决</span> 36 <h2>新闻推荐</h2>
68 </div> 37 <div class="news_list_con"></div>
69 <div class="zcfg-body">
70 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
71 </div>
72 <div class="zcfg-bottom">
73 <span>2020-10-28</span>
74 </div>
75 </li>
76 <li class="zcfg">
77 <div class="zcfg-top">
78 <span>爬山虎国土空间规划信息化解决</span>
79 </div>
80 <div class="zcfg-body">
81 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
82 </div>
83 <div class="zcfg-bottom">
84 <span>2020-10-28</span>
85 </div>
86 </li>
87 </ul> 38 </ul>
88 </div>
89 </div> 39 </div>
90 </div> 40 </div>
91 </body> 41 </body>
92 <script type="text/javascript" src="../staticJs/common.js"></script> 42 <script type="text/javascript" src="../staticJs/common.js"></script>
93 <script type="text/javascript" src="../staticJs/down.js"></script> 43 <script type="text/javascript" src="../staticJs/down.js"></script>
94 <script type="text/javascript" src="../staticJs/zcfg.js"></script> 44 <script type="text/javascript" src="../staticJs/xyzc.js"></script>
95
96 </html> 45 </html>
...\ No newline at end of file ...\ No newline at end of file
......