这周小组开始了新的任务,用学长给的API写个后台系统,接下来的日子有的忙了,下两周也要进行测验了。冲吧,奥力给。
今天突然发现京东的那个发现好物部分应该是用动画写的,鼠标移上去有个暂停。之前我写京东的时候用js写的动画,是margin-left一点一点移动的,结果鼠标移上去,暂停有延迟。
.play-state {
width: 100px;
height: 100px;
border: 3px solid #e1efde;
border-radius: 50%;
animation: play-state 3s linear infinite;
cursor: pointer;
}
.play-state:hover {
animation-play-state: paused;
}
@keyframes play-state {
0% {
margin-left: 0;
}
100% {
margin-left: 200px;
}
}
写后台左边的手风琴的样式真是纠结了好久,然后用了锤子科技相似的UI,并不是很酷的黑色。
后面颜色会再改动下,更酷的特效的话就看心情吧。
写这个还花了很长时间类,bootstrap的手风琴,我竟然作死的加了个transion,结果就没有丝滑的效果了,排查了很久才发现问题所在。然后就是bootstrap的模态框不能放到 li 中,不然就触发不了了,也是排查了很久。。。。
一个页面要想用多个bootstrap的模态框只需改动 button 的 data-target="#xxxx“ 和模态框的 id=”xxxx“ 就行了。
对了,hbuilder的文章CTRL + shift +f 快捷键和win10的输入法是冲突的,会变成繁体字的哦,就像這樣。
跟着学长学姐学会了排查问题的方法,真是66的,问题通通消灭!
那就先这样吧,拜拜~