Yao d36f5d5118
[new feature] Toast: 支持图标展示 (#121)
* toast新增icon支持

* 补充readme

* 转义
2018-01-28 16:40:26 +08:00

49 lines
847 B
Plaintext

.zan-toast {
position: fixed;
top: 35%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 14px;
line-height: 1.5em;
margin: 0 auto;
box-sizing: border-box;
padding: 10px 18px;
text-align: center;
border-radius: 4px;
z-index: 100;
}
/* 没有文字时,需要调整展示大小 */
.zan-toast--notitle {
padding: 18px;
}
.zan-toast__icon {
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 auto;
padding: 12px 15px;
font-size: 38px;
text-align: center;
}
/* 加载中的状态 */
.zan-toast__icon-loading {
line-height: 0;
}
.zan-toast__icon-loading .zan-loading {
width: 40px;
height: 40px;
}
/* 自定义图标 */
.zan-toast__icon-image {
background-size: 40px;
background-position: center;
background-repeat: no-repeat;
}