发表于: 2017-03-31 20:26:01

3 1441


今天完成的事:首页整体的布局和最新职位轮播的样式和功能。

明天计划的事:完成首页(伙伴之言的样式和功能),以及小课堂的准备。

困难:

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.域名还没弄好,明天得沟通一下了。



返回列表 返回列表
评论

    分享到