zarm/es/wheel/style/index.css

基于 React 的移动端UI库

.za-wheel {
  --item-rows: var(--za-wheel-item-rows, 5);
  --item-height: var(--za-wheel-item-height, 34px);
  --item-font-size: var(--za-wheel-item-font-size, 20px);
  --text-color: var(--za-wheel-text-color, var(--za-color-text));
  --disabled-text-color: var(--za-wheel-disabled-text-color, var(--za-color-text-disabled));
  display: block;
  position: relative;
  width: 100%;
  height: calc(var(--item-rows) * var(--item-height));
  overflow: hidden;
}
.za-wheel__content {
  margin-top: calc(var(--item-height) * 2);
}

.za-wheel__item {
  text-align: center;
  font-size: var(--item-font-size);
  line-height: var(--item-height);
  height: var(--item-height);
  color: var(--text-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.za-wheel__item--disabled {
  color: var(--disabled-text-color);
}