@ctsy/layui-vue
Version:
a component library for Vue 3 base on layui-vue
2 lines (1 loc) • 939 B
CSS
.notice-bar{padding:0 15px;width:100%;border-radius:4px}.notice-bar .notice-bar-warp{display:flex;align-items:center;width:100%;height:inherit}.notice-bar .notice-bar-warp .notice-bar-warp-text-box{flex:1;height:inherit;display:flex;align-items:center;overflow:hidden;position:relative}.notice-bar .notice-bar-warp .notice-bar-warp-text-box .notice-bar-warp-text{white-space:nowrap;position:absolute;left:0}.notice-bar .notice-bar-warp .notice-bar-warp-text-box .notice-bar-warp-slot{width:100%;white-space:nowrap}.notice-bar .notice-bar-warp .notice-bar-warp-text-box .notice-bar-warp-slot ::v-deep(.el-carousel__item){display:flex;align-items:center}.notice-bar .notice-bar-warp .notice-bar-warp-left-icon{width:24px;font-size:inherit}.notice-bar .notice-bar-warp .notice-bar-warp-right-icon{width:24px;text-align:right;font-size:inherit}.notice-bar .notice-bar-warp .notice-bar-warp-right-icon:hover{cursor:pointer}