@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
45 lines • 851 B
CSS
/* #ifdef harmony */
/* #endif */
/* #ifndef harmony */
/* #endif */
.nut-countup-list {
display: inline-flex;
height: 32px;
overflow: hidden;
direction: ltr;
}
.nut-countup-listitem {
height: 32px;
overflow: hidden;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.nut-countup-listitem-number {
margin: 0 0;
border-radius: 4px;
color: #1a1a1a;
background-color: inherit;
}
.nut-countup-separator {
display: flex;
height: 80%;
align-items: flex-end;
color: #1a1a1a;
font-size: 18px;
font-weight: 600;
}
.nut-countup-number {
display: flex;
flex-direction: column;
align-items: center;
width: auto;
transition: transform 1s ease-in-out;
transform: translate(0, 0);
}
.nut-countup-number-text {
height: 32px;
line-height: 32px;
color: #1a1a1a;
font-size: 18px;
font-weight: 600;
}