@reasy-team/reasy-ui/dist/lib/message/style.css

Tenda基于Vue2.x的PC组件库。[在线示例](https://reasyteam.github.io/Reasy-UI/)

.v-message{position:fixed;top:20px;left:50%;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);padding:8px 16px;max-width:50%;background-color:#fff;border-radius:2px;-webkit-box-shadow:0px 9px 28px 8px rgba(0,0,0,0.05),0px 6px 16px 0px rgba(0,0,0,0.08),0px 3px 6px -4px rgba(0,0,0,0.12);box-shadow:0px 9px 28px 8px rgba(0,0,0,0.05),0px 6px 16px 0px rgba(0,0,0,0.08),0px 3px 6px -4px rgba(0,0,0,0.12);-webkit-transition:opacity 0.3s, top 0.4s, -webkit-transform 0.4s;transition:opacity 0.3s, top 0.4s, -webkit-transform 0.4s;-o-transition:opacity 0.3s, transform 0.4s, top 0.4s;transition:opacity 0.3s, transform 0.4s, top 0.4s;transition:opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s}.v-message__loading{position:absolute;width:12px;height:22px}.v-message__icon{position:absolute;top:50%;margin-top:-8px;font-size:16px}.v-message__icon--success{color:#17cc82}.v-message__icon--error{color:#f73c17}.v-message__icon--warn{color:#f4b71e}.v-message__icon--info{color:#595959}.v-message__content{padding-left:24px;line-height:24px;color:#595959;font-size:14px;font-weight:400;word-break:break-all}.v-message__content--cover{padding-left:0}.v-message-fade-enter,.v-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}