发表于: 2017-03-31 20:26:01
3 1440
今天完成的事:首页整体的布局和最新职位轮播的样式和功能。
明天计划的事:完成首页(伙伴之言的样式和功能),以及小课堂的准备。
困难:
1.整体布局的时候老会宽度溢出,又想在左右留空,后来多用了一个div套住row,再overflow:hidden就好了:
<div class="homePage-newProfession">
<!--首页最新职位部分-->
<div class="row">
.homePage-newProfession {
width: 100%;
overflow: hidden;
}
2.一直不知道怎么把获取的数据显示4个,还要轮播,那样加载的总是不行,后来发现可以用slice来把数据划分开:
var banner = [];
for (i = 0; i < 5; i++) {
banner[i] = vm.professionInfo.slice(0, 4);
vm.professionInfo.splice(0, 4)
}
收获:
1.发现很多相同的样式在一个页面里可以复用,抽出来设一个公共样式就很方便,类似以下的:
/*首页的公共样式*/
.homePage-title {
/*首页的标题*/
position: relative;
text-align: center;
color: #22415d;
}
2.对从后台获取数据来渲染更加熟悉了,今天做最新职位轮播的左右翻页按钮的时候,总是位置不对,且有自带的样式很难去掉,在浏览器里一个个试才试出来了,发现找的越来越快了~
3.域名还没弄好,明天得沟通一下了。
评论