wecui/lib/wecui-css/message-box.css

一款基于Vue2.x版本的移动端web组件

@charset "UTF-8";.wec-messagebox{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.wec-messagebox__dialog{width:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-size:16px;border-radius:4px;background-color:#fff}.wec-messagebox__dialog--content{padding:10px 20px 15px;border-bottom:1px solid #ddd}.wec-messagebox__dialog--title{font-weight:700;padding:15px 0 0}.wec-messagebox__dialog--message{min-height:36px;position:relative;color:#999;line-height:36px}.wec-messagebox__dialog--input{padding-top:15px;min-height:36px;color:#999;line-height:36px}.wec-messagebox__dialog--input input{border:1px solid #dedede;border-radius:5px;padding:4px 5px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0}.wec-messagebox__dialog--errormsg{color:red;font-size:12px;min-height:18px;margin-top:2px}.wec-messagebox__dialog--buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.wec-messagebox__dialog--buttons--cancel{border-right:1px solid #dcdfe6}