meri-design/dist/theme/CarouselText.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.slideUpUi-enter-active{animation:slideInUpUi .3s ease-out}.slideUpUi-leave-active{animation:slideOutUpUi .15s ease-in}@-moz-keyframes slideInUpUi{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes slideInUpUi{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@-o-keyframes slideInUpUi{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInUpUi{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@-moz-keyframes slideOutUpUi{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-100%,0)}}@-webkit-keyframes slideOutUpUi{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-100%,0)}}@-o-keyframes slideOutUpUi{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes slideOutUpUi{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-100%,0)}}.p-carousel{align-items:center;display:flex;font-size:0;height:24px;justify-content:flex-end;overflow:hidden;width:100%}.p-carousel>span{display:inline-block;width:100%}.p-carousel .p-carousel-msg{align-items:center;display:flex;height:24px;justify-content:flex-end;width:100%}.p-carousel .p-carousel-icon{background-color:#f8766f;border-radius:11px;height:22px;margin-right:8px;padding-top:4px;text-align:center;width:22px}.p-carousel .p-carousel-icon svg{vertical-align:middle}.p-carousel .p-carousel-item{color:#626c78;cursor:pointer;font-size:14px;height:24px;line-height:24px;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}