@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
1 lines • 2.38 kB
CSS
:root,page{--primary-color:#07c160}.van-dialog{top:45% ;overflow:hidden;width:640px;width:var(--dialog-width,640px);font-size:32px;font-size:var(--dialog-font-size, 32px);border-radius:32px;border-radius:var(--dialog-border-radius,32px);background-color:#fff;background-color:var(--dialog-background-color,#fff)}@media (max-width:642px){.van-dialog{width:90%;width:var(--dialog-small-screen-width,90%)}}.van-dialog taro-button-core+taro-button-core{margin-top:0}.van-dialog .van-hairline--left::after{border-left-width:1PX }.van-dialog__header{text-align:center;padding-top:48px;padding-top:var(--dialog-header-padding-top,48px);font-weight:500;font-weight:var(--dialog-header-font-weight,500);line-height:48px;line-height:var(--dialog-header-line-height, 48px)}.van-dialog__header--isolated{padding:48px 0;padding:var(--dialog-header-isolated-padding,48px 0)}.van-dialog__message{overflow-y:auto;text-align:center;-webkit-overflow-scrolling:touch;font-size:28px;font-size:var(--dialog-message-font-size, 28px);line-height:40px;line-height:var(--dialog-message-line-height, 40px);max-height:60vh;max-height:var(--dialog-message-max-height,60vh);padding:48px;padding:var(--dialog-message-padding,48px)}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{padding-top:16px;padding-top:var(--dialog-has-title-message-padding-top,16px);color:#646566;color:var(--dialog-has-title-message-text-color,#646566)}.van-dialog__message--round-button{padding-bottom:32px;padding-bottom:var(--padding-md,32px);color:#323233;color:var(--text-color,#323233)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex}.van-dialog__footer--round-button{position:relative ;padding:16px 48px 32px }.van-dialog__button{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-dialog__confirm{border:0 ;color:#576b95;color:var(--dialog-confirm-button-color,#576b95)}.van-dialog__cancel{border:0 ;color:#646566;color:var(--dialog-cancel-button-color,#646566)}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}