12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- @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);
- }
|