1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- .toast-index {
- display: block;
- height: initial;
- }
- @import "../common/index.acss";
- .toast-index .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(0, 0, 0, 0.7);
- background-color: var(--toast-background-color, rgba(0, 0, 0, 0.7));
- border-radius: 8px;
- border-radius: var(--toast-border-radius, 8px);
- }
- .toast-index .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%);
- }
- .toast-index .van-toast--text {
- min-width: 96px;
- min-width: var(--toast-text-min-width, 96px);
- padding: 8px 12px;
- padding: var(--toast-text-padding, 8px 12px);
- }
- .toast-index .van-toast--icon {
- width: 88px;
- width: var(--toast-default-width, 88px);
- min-height: 88px;
- min-height: var(--toast-default-min-height, 88px);
- padding: 16px;
- padding: var(--toast-default-padding, 16px);
- }
- .toast-index .van-toast--icon .van-toast__icon {
- font-size: 36px;
- font-size: var(--toast-icon-size, 36px);
- }
- .toast-index .van-toast--icon .van-toast__text {
- padding-top: 8px;
- }
- .toast-index .van-toast__loading {
- margin: 10px 0;
- }
- .toast-index .van-toast--top {
- -webkit-transform: translateY(-30vh);
- transform: translateY(-30vh);
- }
- .toast-index .van-toast--bottom {
- -webkit-transform: translateY(30vh);
- transform: translateY(30vh);
- }
|