jdc_dkh_jxicustomer
Version:
JDC_dkh_jxicustomer ==== 产品经理：田宇，弥磊 设计：罗婷 交互：张钊
79 lines (76 loc) • 2.52 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<meta name="keywords" content=""/>
<meta name="description" content="" />
<title></title>
<link rel="stylesheet" type="text/css" href="//misc.360buyimg.com/jdf/1.0.0/unit/ui-base/1.0.0/ui-base.css" media="all" />
<link rel="stylesheet" type="text/css" href="../css/index.css" />
<link rel="stylesheet" type="text/css" href="../css/announcementList.css" />
<script type="text/javascript" src="http://misc.360buyimg.com/virtuals/popui/2.1.6/??js/lib/jquery-1.11.3.js,js/lib/seajs.js"></script>
</head>
<body>
{%widget name="header"%}
<div class="content wrapper clearfix">
{%widget name="breadcrumbs" data='{"list":["首页", "系统公告"]}'%}
<div class="list-content left message">
<ul class="message-content">
</ul>
</div>
<div class="list-content right message">
<ul class="message-content">
</ul>
</div>
</div>
</body>
<script>
var list = [{
id: '0',
name: '酷兜-员工内购商城即将上线',
time: '2018-06-25 10:11:00'
},{
id: '1',
name: '酷兜-员工内购商城即将上线',
time: '2018-06-25 10:11:00'
},{
id: '2',
name: '酷兜-员工内购商城即将上线',
time: '2018-06-25 10:11:00'
},{
id: '3',
name: '酷兜-员工内购商城即将上线',
time: '2018-06-25 10:11:00'
},{
id: '4',
name: '酷兜-员工内购商城即将上线',
time: '2018-06-25 10:11:00'
},{
id: '5',
name: '酷兜-员工内购商城即将上线',
time: '2018-06-25 10:11:00'
},{
id: '6',
name: '酷兜-员工内购商城即将上线',
time: '2018-06-25 10:11:00'
}
]
list.forEach((element, index) => {
let item = `<li class="clearfix" id="${element.id}">
<i class="fl"></i>
<span class="fl name">${element.name}</span>
<span class="fl time">${element.time}</span>
</li>`;
(index%2) ? $(".right ul").append(item) : $(".left ul").append(item);
});
$("ul").on("click", "li", function () {
let self = this;
let id = $(self)[0].id;
console.log(id);
window.location.href="./announcementDetail.html?id="+ id;
})
</script>
<script>
seajs.use('../js/announcementList.js')
</script>
</html>