lin-view-ui/lib/theme-chalk/dialog.css

vue components library

@-webkit-keyframes dialog-animation{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes dialog-animation{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.lin-dialog-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2001;margin:0;overflow:auto;background-color:rgba(0,0,0,.5)}.lin-dialog-wrapper .lin-dialog{position:absolute;box-sizing:border-box;width:30%;background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3)}.lin-dialog-wrapper .lin-dialog-header{padding:20px 20px 10px}.lin-dialog-wrapper .lin-dialog-header .lin-dialog-title{font-size:18px;line-height:24px;color:#2f3031}.lin-dialog-wrapper .lin-dialog-header .lin-dialog-headerbtn{position:absolute;top:20px;right:20px;padding:0;font-size:16px;cursor:pointer;background:0 0;border:none;outline:0}.lin-dialog-wrapper .lin-dialog-header .lin-dialog-headerbtn .lin-icon-close{color:rgba(96,98,102,.6)}.lin-dialog-wrapper .lin-dialog-body{padding:30px 20px;font-size:14px;color:#606266;word-break:break-all}.lin-dialog-wrapper .lin-dialog-footer{box-sizing:border-box;padding:10px 20px 20px;text-align:right}.lin-dialog-fade-enter-active{-webkit-animation:dialog-animation .3s;animation:dialog-animation .3s}.lin-dialog-fade-leave-active{animation:dialog-animation .3s reverse}.user-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}