发表于: 2017-03-06 22:06:55
1 1219
今天完成的事情:
1、完善【前台-搜索结果】页,单选和多选筛选功能、公司和职业的切换功能;
2、获取【前台-找职位】推荐公司的数据获取;
3、听徐桐讲关于inline、inline-block、block元素的知识。
明天计划的事情:
开发翻页功能,获取【前台-职位列表】的数据。
遇到的问题:
想实现这样一种功能,通过【前台-找职业】的搜索框和侧边栏分别跳转到公司搜索结果页和职位结果页的时候,搜索结果页的公司和职位的切换按钮状态发生改变。当时本来打算用ng-if来做的,但是不知道判断的条件应该给什么,后来才明白可以根据二者跳转的路径作为判别条件,使按钮的切换效果体现出来。思路是有了,但是具体的代码不知该怎么写,于是参考了官网的代码,发现官网有了更有意思的写法。官网的思路和我所采用的判断条件是一样的,但是是用ng-class写出来的。
其中search-btn是一个class,样式显示的是选中状态的样式,通过后面的$state.include(field.searchMain.searchCompany)来实现状态的改变。这个代码表示,跳转到搜索公司界面的时候,这个class就激活了。
收获:
听徐桐讲小课堂的知识,收获如下:
1、inline-block元素在垂直方向可以设置padding,但不能设置margin;
2、学习了集中消除inline-block元素间距的几种方法,其中感觉font-size:0最好用,应该优先考虑;
3、可以考虑用inline-block布局代替float布局。
评论