完成的事情：

由于之前的认知问题，重新整理页面样式。

为页面跳转弄好路由和导航样式的转换。

计划的事情：

继续其他页面样式。

问题：

从原来的60%显示内容宽度变成80%和max-width:1020px;

以及70%变成90%和max-width:1200px;

并且对之前的页面进行样式整理。

整理时候，发现bootstarp的栅格系统row默认样式margin-left和margin-right为-15px，若row宽度使用100%，将出现水平拖动条，故去除此默认样式。

在页面跳转时候，沿用“关于我们”页面的active转换方式，实现在跳转路由的同时，改变样式。

<li><a href="#/home" ng-class="{0:'active',1:'',2:'',3:''}[topList]" ng-click="topList=0"><h4>首页</h4></a></li>

但是在刷新页面时候，没有默认样式，若在主页面的controller上进行初始化，要不只能固定默认其中一个，要不进行path的判断（初始化进行这个处理感觉不太靠谱，现在想起来，由于不需要进行路由的默认路径跳转，这个方法好像也不错），然后决定在lazyload中实现此功能，使用angular向上广播的方法：

app.controller('personCtrl',function($scope,$http,$location,$state){

var vm = this;

$scope.$on('summon', function(e, newLocation) {

        $scope.topList = newLocation;

    });

})

angular.module('myApp',['ui.bootstrap', 'ngAnimate'])

.controller('professionCtrl',function($scope,$http,$location,$state){

var vm = this;

console.log('profession');

    $scope.topList = 1;

    $scope.$emit('summon', $scope.topList);

})

如此这般。

收获：

复盘项目的进度。