press-pix/act-input-q-q/css/index.less

基于 PixUI 的 Press 组件库

.qq-dialog-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 100%;
}

.input-container {
  position: relative;
  width: 4.4rem;
  height: 2.2rem;
  padding-top: .35rem;
  border-radius: 0;

  ::-moz-placeholder {
    color: #798DC6;
    font-size: .2rem;
    font-weight: 400;
  }
  ::-webkit-input-placeholder {
    color: #798DC6;
    font-size: .2rem;
    font-weight: 400;
  }
  ::-ms-input-placeholder {
    color: #798DC6;
    font-size: .2rem;
    font-weight: 400;
  }
}

.qq-input {
  width: 100%;
  height: 0.48rem;
  background: rgba(73, 103, 191, 0.15);
  border: none;
  outline: none;
  padding: 0 0.12rem;
  font-family: FZLanTingHei-R-GBK;
  font-weight: 400;
  font-size: 0.2rem;
  color: #060B19;
  border-radius: 0.04rem;
}

.button-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 4.88rem;
}