发表于: 2017-07-05 23:03:53

1 932


今天完成的事情:

轮播图的编写。

由于一次显示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的使用


返回列表 返回列表
评论

    分享到