发表于: 2017-05-16 23:09:05
2 998
今天完成的事情:完成header部分
明天计划的事情:禅道还没拆,明天拆完。写footer,写首页的轮播图
遇到的问题:
bootstrap的导航栏组件的有些样式优先级很高,套了4层类选择器才覆盖掉。
当前页面的需要有个底部横线效果:
利用ng-class来实现,一开始没思路,看了一下前辈的代码,原来还能这样写!:
ng-class="{'navChoiceA': currentState.includes('profession')||
currentState.includes('companySearch')||
currentState.includes('searchPage')||
currentState.includes('companyInfo')||
currentState.includes('professionInfo')||
currentState.includes('recommendProfession')}"
通过判断当前页面的url包含的字段来判断每个li是不是当前页,来给出相应的类。
横线的动画效果:
.header-nav-right-underline {
/*导航栏链接下划线*/
display: block;
margin: 24px auto 0 auto;
width: 0;
height: 3px;
background-color: #fc2b47;
border-bottom: 0 solid #fc2b47;
transition: width .2s;
-moz-transition: width .2s; /* Firefox 4 */
-webkit-transition: width .2s; /* Safari 和 Chrome */
-o-transition: width .2s; /* Opera */
}
.header-nav-right a:hover .header-nav-right-underline {
width: 100%;
}
bootstrap的模态框还没写,明天研究一下
收获:
今天焦虑了一整天,很不在状态:毕业论文快答辩了,但是论文还没怎么写。但是现在又在做复盘,时间绝对会冲突,纠结了一天。最后想出了一个最佳的解决方案:论文可以延期答辩,先一心做完了萝卜多再说,反正又不急着工作, 最差的情况也就是明年拿学位证
。
评论