发表于: 2016-04-16 01:24:01
3 2000
1 今天完成的事情
A:研究了一天K12导航高亮,最后还是在奎哥的帮助下才实现...orz
2 明天要做的事情
A:看看K12有没有其他BUG需要帮忙改的,没有就继续研究下K12代码,准备着手进行招聘项目
3 遇到的问题
解决的:
A:Q:如何实现导航高亮?
A:看了下青青和修真院官网的代码,都是通过ng-class来实现的,当$state为true时,给nav增加一个class,里面设置高亮样式,但是这两个项目的代码中,$state都是固定的,所以$state的判定条件可以写死,但是K12中,子导航是公共一个$state,只是url不同,于是应该改用url来判断,但是$location.url()获取的url与后台参数中的n.url样式不一致,例如六年级教师,两种方法获取的数据分别为“/teacherList/6/1///1”和“field.teacherList({grade:6,status:1})”,需要想办法让他们变成一致的,最开始我是想用substring结合lastIndexOf,取出“teacherList”和“6”来做对应判断,后来发现这个没有拓展性,几个模块的url地址样式都不一样,最后是奎哥提出了一种方法,先在控制器中定义click函数,将n.url赋值给currentUrl
$scope.getUrl = function (n) {
$scope.currentUrl = n.url
}
然后在ng-class中判断currentUrl是否等于n.url,为true时,增加高亮样式
<li ui-sref-active="active" ng-repeat="n in side.nodes">
<a ng-if="n.url" ui-sref="{{n.url}}" ui-sref-opts="{inherit: false}"
ng-class="{'navActive': currentUrl == n.url}" ng-click="getUrl(n)">{{n.name}}</a>
</li>
.navActive {
font-weight: bold;
color: #41BB88 !important;
background: #EEEEEE !important;
}
然而bootstrap中自带的.nav>li>a:focus{background:#eee}和a:focus{color: #23527c}会覆盖掉自己加上的background,所以得加上!important
未解决的:
无
4 项目目前的进度:
内容:
A:当前进度
B:有没有延期
C:延期原因(自身原因/项目穿插)
D:如何解决((1)砍功能(2)加人手(3)顺延,但是要给出新的截止日期)
5 附带内容:
A:附带燃尽图地址:
B:项目deadline:
6 感想:
今天听老大讲课,学到很多知识,笔记明天整理,争取早点学以致用
评论