发表于: 2017-05-18 23:27:03
1 971
今天完成的事情:写了首页的部分静态页面、完成了最新职位的轮播图的功能实现(样式还没写好)
遇到的问题:
一、一开始量出来ui图不对称:
如图
放大看了一下,中线的参考线偏了1px,重新拉了一次中线的参考线,发现对称了。
二、最新职位,轮播图:
和普通的轮播图,原理一样。只不过相对于把四个图(为了响应式,套个栅格)当一个轮播,所以需要写好ng-repeat的对象。再用两次ng-repeat就行了。
professionService.getRecommend(0, vm.params).then(function (res) {
//console.log(res.data)
if (res.data.code == 0) {
vm.newPositionsInfo = res.data.data;
//console.log(res)
////就算是没有数据也要给自己心爱的轮播图加上图片
angular.forEach(vm.newPositionsInfo, function (value) {
if (value == '') {
value.log = "../images/noInfo.gif"
}
})
var newPositionArr = [];
//按每四个切分放入数组
for (var i = 0; i < Math.ceil(res.data.size / 4); ++i) {
newPositionArr[i] = vm.newPositionsInfo.slice(0, 4);
vm.newPositionsInfo.splice(0, 4)
}
console.log(newPositionArr);
$scope.homePosBanner = newPositionArr;
}
三、js部分还好,感觉样式很不好写,写出来的样式还是与psd有出入,要想100%还原psd真的很麻烦。
收获:如上
评论