发表于: 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真的很麻烦。


收获:如上


返回列表 返回列表
评论

    分享到