antd-mobile
Version:
基于 React 的移动设计规范实现
59 lines (58 loc) • 1.21 kB
CSS
.hairline-remove-right-bottom {
border-bottom: 0;
}
.hairline-remove-right-bottom:after {
display: none;
}
.hairline-remove-right-bottom-bak:after {
display: none;
}
.hairline-remove-left-top:before {
display: none;
}
.am-toast {
position: fixed;
width: 100%;
z-index: 1999;
font-size: 28px;
text-align: center;
}
.am-toast.am-toast-mask {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0;
}
.am-toast-notice {
width: auto;
vertical-align: middle;
position: absolute;
left: 50%;
}
.am-toast-notice-content {
position: relative;
right: 50%;
display: block;
}
.am-toast-notice-content .am-toast-text {
min-width: 1.2rem;
border-radius: 6px;
color: #fff;
background-color: rgba(58, 58, 58, 0.9);
line-height: 1.5;
padding: 18px 30px;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon {
border-radius: 14px;
padding: 30px 30px;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
margin-top: 12px;
}