发表于: 2017-07-05 23:03:53
1 931
今天完成的事情:
轮播图的编写。
由于一次显示4个,只能把后台返回的数据进行拆分,四个一组:
// 最新职位列表拆分
newJobRule: function(jobListArray) {
var num = jobListArray.length;
if(num < 20) {
var stuffNum = Math.ceil(20 / num);
var arr = [];
for(var i = 0; i < stuffNum; i++) {
arr = arr.concat(jobListArray);
}
arr.length = 20;
jobListArray = arr;
}
else {
var jobArr =[];
for(var j = 0; j < 5; j++) {
jobArr[j] = jobListArray.slice(0, 4);
jobListArray.splice(0, 4);
}
return jobArr;
}
}
html代码:
<div uib-carousel active="vm.active" interval="vm.myInterval" no-wrap="vm.noWrapSlides" style="margin-top:100px">
<div uib-slide ng-repeat="job in vm.jobs track by $index" index="$index">
<div ng-repeat="jobInfo in vm.jobs[$index] track by $index">
<div><img ng-src="{{ jobInfo.logo }}"></div>
<div>{{ jobInfo.name }}</div>
<div>{{ jobInfo.companyName }}</div>
</div>
</div>
</div>
用angular-ui.bootstrap虽然方便,但是更改的时候还是很复杂,需要去覆盖它原先自带的模板。
首页的话基本功能是实现了,然后样式还没写,这几天进度很慢,不知道为什么就是很烦躁。明天开始要加快进度了。
明天计划的事情:
找职位搜索部分的编写
遇到的问题:
暂无
收获:
angular.ui.bootstrap的使用
评论