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

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

.v-alert{padding:8px 16px;border-radius:2px;-webkit-transition:opacity 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);transition:opacity 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);-o-transition:transform 300ms cubic-bezier(0.23, 1, 0.32, 1),opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);transition:transform 300ms cubic-bezier(0.23, 1, 0.32, 1),opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);transition:transform 300ms cubic-bezier(0.23, 1, 0.32, 1),opacity 300ms cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1)}.v-alert::after{content:"";display:table;visibility:hidden;clear:both}.v-alert--success{background-color:#e7fdeb;border:1px solid #17cc82}.v-alert--success .v-alert__icon{color:#17cc82}.v-alert--success .v-alert__button .v-alert__show-detail{color:#17cc82}.v-alert--warn{background-color:#fefae3;border:1px solid #f4b71e}.v-alert--warn .v-alert__icon{color:#f4b71e}.v-alert--warn .v-alert__button .v-alert__show-detail{color:#f4b71e}.v-alert--info{background-color:rgba(255,128,31,0.1);border:1px solid #ff801f}.v-alert--info .v-alert__icon{color:#ff801f}.v-alert--info .v-alert__button .v-alert__show-detail{color:#ff801f}.v-alert--error{background-color:#fef1e3;border:1px solid #f73c17}.v-alert--error .v-alert__icon{color:#f73c17}.v-alert--error .v-alert__button .v-alert__show-detail{color:#f73c17}.v-alert__icon{float:left;margin-left:-100%;color:#ff801f;font-size:16px}.v-alert__icon-inner{line-height:22px}.v-alert__icon--big{font-size:24px;line-height:26px}.v-alert__main{float:left;padding:0 80px 0 24px;width:100%;line-height:22px}.v-alert__main-inner .v-alert__title{color:#595959;font-size:14px;font-weight:400}.v-alert__main-inner .v-alert__title--bold{color:#262626;font-size:16px;font-weight:500;line-height:24px}.v-alert__main-inner .v-alert__description{color:#595959;font-size:14px;font-weight:400}.v-alert__main--center{text-align:center}.v-alert__main--big-padding{padding-left:40px}.v-alert__main--hide-icon{padding-left:0}.v-alert__button{float:left;margin-left:-68px;width:68px;height:22px;line-height:22px;text-align:right}.v-alert__button .v-alert__show-detail{color:#ff801f;font-size:14px;font-weight:400;cursor:pointer}.v-alert__button .v-alert__close{color:rgba(37,37,37,0.5);font-size:7px;cursor:pointer}.v-alert-fade-enter,.v-alert-fade-leave-active{opacity:0;-webkit-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}