app-mob-select-vant.less 973 字节
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
.app-mob-select-vant {
  width          : 100%;
  height         : 100%;
  display        : flex;
  justify-content: flex-end;
  align-items    : center;

  .app-mob-select-vant__value {
    height    : 100%;
    width     : 100%;
    text-align: right;
  }

  .app-mob-select-vant__value::before {
    display       : inline-block;
    content       : "";
    height        : 100%;
    vertical-align: middle;
  }

  .app-mob-select-vant__icon {
    font-size: 18px;
  }
}

.app-mob-select-vant__sheet {
  .van-action-sheet__content {
    display  : flex;
    flex-wrap: wrap;
  }

  .wf-button-item {
    width          : 4.5rem;
    height         : 4.5rem;
    --border-radius: 50%;
    margin         : 0;
    margin-right   : 1rem;
  }

  .wf-button-item-content {
    width        : 25%;
    height       : auto;
    margin-bottom: 1rem;
  }

  .van-action-sheet__item {
    padding: 15px 16px;
  }

  .van-action-sheet__item:last-child {
    border-bottom: 0;
  }
}