门户首页数据读取
Showing
4 changed files
with
53 additions
and
11 deletions
| ... | @@ -486,5 +486,5 @@ | ... | @@ -486,5 +486,5 @@ |
| 486 | </body> | 486 | </body> |
| 487 | <script type="text/javascript" src="./staticJs/down.js"></script> | 487 | <script type="text/javascript" src="./staticJs/down.js"></script> |
| 488 | <script type="text/javascript" src="./staticJs/common.js"></script> | 488 | <script type="text/javascript" src="./staticJs/common.js"></script> |
| 489 | <script type="text/javascript" src="./staticJs/staticIndex.js"></script> | 489 | <script type="text/javascript" src="./staticJs/pageHome.js"></script> |
| 490 | </html> | 490 | </html> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -12,6 +12,8 @@ div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.foote | ... | @@ -12,6 +12,8 @@ div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.foote |
| 12 | text-align: center; | 12 | text-align: center; |
| 13 | } | 13 | } |
| 14 | 14 | ||
| 15 | |||
| 16 | |||
| 15 | div.banner { | 17 | div.banner { |
| 16 | height: 500px; | 18 | height: 500px; |
| 17 | position: relative; | 19 | position: relative; |
| ... | @@ -380,16 +382,20 @@ div.c_one ul li:not(:last-child) { | ... | @@ -380,16 +382,20 @@ div.c_one ul li:not(:last-child) { |
| 380 | } | 382 | } |
| 381 | 383 | ||
| 382 | div.c_one ul li a { | 384 | div.c_one ul li a { |
| 383 | width: 100%; | 385 | width: 75%; |
| 384 | display: block; | 386 | display: block; |
| 385 | color: #000000; | 387 | color: #000000; |
| 386 | text-align: left; | 388 | float:left; |
| 389 | white-space:nowrap; /*文本不换行*/ | ||
| 390 | text-overflow:ellipsis;/*设置超出部分显示...*/ | ||
| 391 | -o-text-overflow:ellipsis; | ||
| 392 | overflow: hidden; | ||
| 387 | } | 393 | } |
| 388 | div.c_one ul li a:hover { | 394 | div.c_one ul li a:hover { |
| 389 | color: #0091FF; | 395 | color: #0091FF; |
| 390 | } | 396 | } |
| 391 | 397 | ||
| 392 | div.c_one ul li a span { | 398 | div.c_one ul li span { |
| 393 | float: right; | 399 | float: right; |
| 394 | color: #9b9b9b; | 400 | color: #9b9b9b; |
| 395 | } | 401 | } | ... | ... |
| 1 | //设置当前页面导航栏背景色 | ||
| 1 | function addTabs(id){ | 2 | function addTabs(id){ |
| 2 | $('.layui-nav-item').removeClass('layui-this') | 3 | $('.layui-nav-item').removeClass('layui-this') |
| 3 | $(id).addClass('layui-this') | 4 | $(id).addClass('layui-this') |
| 5 | } | ||
| 6 | |||
| 7 | //设置ajax调取服务接口 | ||
| 8 | |||
| 9 | function SetServicesPath(){ | ||
| 10 | return "http://192.168.2.108" | ||
| 11 | } | ||
| 12 | |||
| 13 | //设置全局參數 | ||
| 14 | var portal = | ||
| 15 | { | ||
| 16 | 'api_url': "http://192.168.2.108:81/api", //属性名用引号括起来,属性间由逗号隔开 | ||
| 17 | 'name': 'myName' | ||
| 18 | }; | ||
| 19 | |||
| 20 | |||
| 21 | function CutDate(times){ | ||
| 22 | var timearr = times.replace(" ", ":").replace(/\:/g, "-").split("-"); | ||
| 23 | var timestr = ""+timearr[0]+"/" + timearr[1] + "/" + timearr[2] | ||
| 24 | //var timestr = "" + timearr[1].split("")[1] + "月" + timearr[2] + "日\t" + timearr[3] + ":" + timearr[4] + "" | ||
| 25 | return timestr | ||
| 4 | } | 26 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -2,7 +2,7 @@ layui.use('carousel', function () { | ... | @@ -2,7 +2,7 @@ layui.use('carousel', function () { |
| 2 | var carousel = layui.carousel; | 2 | var carousel = layui.carousel; |
| 3 | //建造实例 | 3 | //建造实例 |
| 4 | carousel.render({ | 4 | carousel.render({ |
| 5 | elem: '#banner_swiper' | 5 | elem: '# ' |
| 6 | , width: '100%' //设置容器宽度 | 6 | , width: '100%' //设置容器宽度 |
| 7 | , arrow: 'always' //始终显示箭头 | 7 | , arrow: 'always' //始终显示箭头 |
| 8 | , autoplay: true | 8 | , autoplay: true |
| ... | @@ -34,17 +34,31 @@ layui.use('util', function () { | ... | @@ -34,17 +34,31 @@ layui.use('util', function () { |
| 34 | //初始化方法 | 34 | //初始化方法 |
| 35 | $(function () { | 35 | $(function () { |
| 36 | NewsData(); | 36 | NewsData(); |
| 37 | 37 | ||
| 38 | addTabs('#index') | 38 | addTabs('#index') |
| 39 | }); | 39 | }); |
| 40 | 40 | ||
| 41 | //加载新闻首页数据 | ||
| 41 | function NewsData() { | 42 | function NewsData() { |
| 42 | //$.ajax() | ||
| 43 | var ulNews = $("#ulNews"); | 43 | var ulNews = $("#ulNews"); |
| 44 | ulNews.empty(); | 44 | ulNews.empty(); |
| 45 | var str = ''; | 45 | var str = ''; |
| 46 | for (var i = 0; i < 6; i++) { | 46 | $.ajax({ |
| 47 | str = '<li><a href="#" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>'; | 47 | type: "get", //提交方式 |
| 48 | ulNews.append(str); | 48 | url: portal.api_url + "/hlwj/Mh/getNewsHotArticleList",//路径 |
| 49 | } | 49 | dataType: "json", |
| 50 | //数据,这里使用的是Json格式进行传输 | ||
| 51 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 52 | if (result.code == 200 && result.data != null) { | ||
| 53 | for (var i = 0; i < result.data.length; i++) { | ||
| 54 | if (i == 6) return; | ||
| 55 | str = '<li><a href="#" title="' + result.data[i].headline + '"' + result.data[i].headline + '</a>'; | ||
| 56 | str+='<span>' + CutDate(result.data[i].publishTime) + '</span>></li>'; | ||
| 57 | ulNews.append(str); | ||
| 58 | } | ||
| 59 | |||
| 60 | } | ||
| 61 | } | ||
| 62 | }); | ||
| 63 | |||
| 50 | } | 64 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment