发表于： 2017-02-11 22:55:19
1 1183
一、今天完成的事情：
1.彻底完成了轮播图；
2.完成了推荐职位和最新职位的跳转和信息导入；
二、明天要做的事情：
1.完成推荐公司的数据导入；
2.完成公司搜索功能；
3.完成搜索结果页面；
三：遇到的问题：
- 1.首先跟大家说一下，如何用btui组件来实现Y轴轮播：
- 1.更改的模块：
- 1.下面点击模块，改变部分：移动到右边，并且改变它的样式；
- 2.左右两边的点击按钮，改变部分：将它去掉；
- 3.轮播方向，改变部分：由从左往右播变为从上往下播；
- 2.改变的方式：我们总的思路是，在btui的轮播中，增加一个单独的类，然后在这个类中修改btui轮播中的样式
- 1.下面的点击模块，在uibt中，它有一个类，carousel-indicator类，这个类专门管理的就是下面的这几个点，下面这几个点用的是<ol>标签来做的，这里贴一张图：
，在这个图里能够明确的看到这个类名，
- 它下面由几个li标签组成，它通过carousel-indicators来确定它的位置，它是这样确定的：
我们可以通过修改里面的数据来修改它所在的位置，而li能够确定圆点的大小和颜色：
它之中有一个.active的类，这个类跟它现在所在的那一页绑定，改变它能够改变它active时候的样式。
2.左右两边的点击按钮是通过一个a标签来做的，
- 我们可以看到它之中有一个carousel-control类，这个类专门管理的就是这两边的样式，所以我们只需要给这个样式设置一个display：none就可以将它去掉
3.接下来就是重点了，如何将x轴轮播改为y轴轮播：它是这样的，在停在当前页面的时候，使用的是插件里面的
这个样式，注意圆圈处，代表的是css文件来源，然后当我们切换的时候，那一瞬间，它用的是bt里面的样式
所以，从这一点我们可以看出，我们如果想将它改为y轴轮播，那么我们需要修改的就是对应的bt里面的样式！我们只需要将里面的 translate3d属性改为(0,100%,0)就行了！
4.碰到的一个坑：在这个里面，有一个坑，如果你需要轮播的东西有浮动（没有高度）的话，显示就会出现错误，所以我们需要给它清除浮动它才能正确显示
2.说一说如何实现最新职业和推荐职业的切换和样式转换，想法是这样的：
给最新职位和推荐职位设置一个点击事件，这个点击事件会将一个true改为false，通过这个值来判断当前点的是哪一个按钮，并给这个按钮加上active类改变它的样式，并且将这个值传入controller中，通过判断这个值来确定当前应该如何获取服务器上的值；
继续加油吧，学习是件很快乐的事情！
返回列表
评论