//两行文本，溢出，超出部分省略号
{
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 42px;
width: 430px;
}
//水平垂直居中
{
position:absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
//多行文本垂直居中
{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}
//加载的动画
{
animation:mymove 2s infinite linear;
-webkit-animation:mymove 2s infinite linear; /Safari and Chrome/
display: inline-block;
transform: rotateZ(0deg);
}
@keyframes mymove {
from {
transform: rotateZ(0deg);
}
50% {
transform: rotateZ(180deg);
}
to {
transform: rotateZ(360deg);
}
}
如图：
//鼠标悬停card有位移
&:hover{
transform: translateY(-3px);
transition: all .3s;
box-shadow: 0 10px 24px 0 #c8cdd4;
}
//在500毫秒内滚动到页面顶部
$('html').animate(
{'scrollTop': 0 },500
)
//回车键登陆(项目是react)
componentWillMount (){
document.addEventListener('keydown', this.handleKeydown, false)
}
componentWillUnmount () {
document.removeEventListener('keydown', this.handleKeydown)
}
handleKeydown = e => {
if (e.key === 'Enter') {
this.handleSubmit()
}
}
handleSubmit(){
...
}
//取出对象的key,value
for(var k in obj) {
//遍历对象，k即为key，obj[k]为当前k对应的值
console.log(obj[k]);
console.log(k);
}
