@import '../common/index.css'; .van-toast { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; box-sizing: initial; color: #fff; color: var(--toast-text-color, #fff); font-size: 14px; font-size: var(--toast-font-size, 14px); line-height: 20px; line-height: var(--toast-line-height, 20px); white-space: pre-wrap; word-wrap: break-word; background-color: rgba(50, 50, 51, 0.88); background-color: var(--toast-background-color, rgba(50, 50, 51, 0.88)); border-radius: 4px; border-radius: var(--toast-border-radius, 4px); } .van-toast__container { position: fixed; top: 50%; left: 50%; width: -webkit-fit-content; width: fit-content; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 70%; max-width: var(--toast-max-width, 70%); } .van-toast--text { min-width: 96px; min-width: var(--toast-text-min-width, 96px); padding: 8px 12px; padding: var(--toast-text-padding, 8px 12px); } .van-toast--icon { width: 90px; width: var(--toast-default-width, 90px); min-height: 90px; min-height: var(--toast-default-min-height, 90px); padding: 16px; padding: var(--toast-default-padding, 16px); } .van-toast--icon .van-toast__icon { font-size: 48px; font-size: var(--toast-icon-size, 48px); } .van-toast--icon .van-toast__text { padding-top: 8px; } .van-toast__loading { margin: 10px 0; } .van-toast--top { -webkit-transform: translateY(-30vh); transform: translateY(-30vh); } .van-toast--bottom { -webkit-transform: translateY(30vh); transform: translateY(30vh); }