@antmjs/vantui/lib/toast/index.css

一套适用于Taro3及React的vantui组件库

:root,page{--primary-color:#07c160}.van-toast{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;color:#fff;color:var(--toast-text-color,#fff);font-size:28px;font-size:var(--toast-font-size, 28px);line-height:40px;line-height:var(--toast-line-height, 40px);white-space:pre-wrap;word-wrap:break-word;background-color:rgba(26,26,26,.7);background-color:var(--toast-background-color,rgba(26,26,26,.7));border-radius:16px;border-radius:var(--toast-border-radius,16px)}.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%);z-index:1000;z-index:var(--overlay-z-index,1000);max-width:70%;max-width:var(--toast-max-width,70%)}.van-toast--text{min-width:192px;min-width:var(--toast-text-min-width,192px);padding:16px 24px;padding:var(--toast-text-padding,16px 24px)}.van-toast--icon{width:176px;width:var(--toast-default-width,176px);min-height:176px;min-height:var(--toast-default-min-height,176px);padding:32px;padding:var(--toast-default-padding,32px)}.van-toast--icon .van-toast__icon{font-size:72px;font-size:var(--toast-icon-size, 72px)}.van-toast--icon .van-toast__text{padding-top:16px;padding-top:var(--padding-xs,16px)}.van-toast__box{display:grid;text-align:center}.van-toast__loading{margin:20px 0}.van-toast--top{-webkit-transform:translate(0,-30vh);transform:translate(0,-30vh)}.van-toast--bottom{-webkit-transform:translate(0,30vh);transform:translate(0,30vh)}