9a8cd042 by 田浩浩

门户首页数据读取

1 parent 3508e58d
......@@ -486,5 +486,5 @@
</body>
<script type="text/javascript" src="./staticJs/down.js"></script>
<script type="text/javascript" src="./staticJs/common.js"></script>
<script type="text/javascript" src="./staticJs/staticIndex.js"></script>
<script type="text/javascript" src="./staticJs/pageHome.js"></script>
</html>
\ 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
text-align: center;
}
div.banner {
height: 500px;
position: relative;
......@@ -380,16 +382,20 @@ div.c_one ul li:not(:last-child) {
}
div.c_one ul li a {
width: 100%;
width: 75%;
display: block;
color: #000000;
text-align: left;
float:left;
white-space:nowrap; /*文本不换行*/
text-overflow:ellipsis;/*设置超出部分显示...*/
-o-text-overflow:ellipsis;
overflow: hidden;
}
div.c_one ul li a:hover {
color: #0091FF;
}
div.c_one ul li a span {
div.c_one ul li span {
float: right;
color: #9b9b9b;
}
......
//设置当前页面导航栏背景色
function addTabs(id){
$('.layui-nav-item').removeClass('layui-this')
$(id).addClass('layui-this')
}
//设置ajax调取服务接口
function SetServicesPath(){
return "http://192.168.2.108"
}
//设置全局參數
var portal =
{
'api_url': "http://192.168.2.108:81/api", //属性名用引号括起来,属性间由逗号隔开
'name': 'myName'
};
function CutDate(times){
var timearr = times.replace(" ", ":").replace(/\:/g, "-").split("-");
var timestr = ""+timearr[0]+"/" + timearr[1] + "/" + timearr[2]
//var timestr = "" + timearr[1].split("")[1] + "月" + timearr[2] + "日\t" + timearr[3] + ":" + timearr[4] + ""
return timestr
}
\ No newline at end of file
......
......@@ -2,7 +2,7 @@ layui.use('carousel', function () {
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#banner_swiper'
elem: '# '
, width: '100%' //设置容器宽度
, arrow: 'always' //始终显示箭头
, autoplay: true
......@@ -34,17 +34,31 @@ layui.use('util', function () {
//初始化方法
$(function () {
NewsData();
addTabs('#index')
});
//加载新闻首页数据
function NewsData() {
//$.ajax()
var ulNews = $("#ulNews");
ulNews.empty();
var str = '';
for (var i = 0; i < 6; i++) {
str = '<li><a href="#" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>';
ulNews.append(str);
}
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/Mh/getNewsHotArticleList",//路径
dataType: "json",
//数据,这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
for (var i = 0; i < result.data.length; i++) {
if (i == 6) return;
str = '<li><a href="#" title="' + result.data[i].headline + '"' + result.data[i].headline + '</a>';
str+='<span>' + CutDate(result.data[i].publishTime) + '</span>></li>';
ulNews.append(str);
}
}
}
});
}
\ No newline at end of file
......