fix: 修改首页ui

zhengyiming

8 天以前 c5bf3cfc953f9865bd70f109363c2ea4e45c0c96

 packages/components/src/styles/rechargeGrid.scss

@@ -1,24 +1,59 @@
@use './common.scss' as *;

.recharge-grid-wrapper {
  padding-left: 0 !important;
  margin-top: 40px;
.recharge-list-wrapper {
  margin-top: 28px;

  .recharge-grid-item {
    .nut-grid-item__text {
      font-size: 36rpx;
      color: boleGetCssVar('text-color', 'primary');
  .recharge-list-item {
    position: relative;
    height: 160px;
    background: #f3f8ff;
    border-radius: 16px;
    margin-bottom: 26px;
    display: flex;
    align-items: center;
    padding: 0 32px;

    &:last-child {
      margin-bottom: 0;
    }

    .recharge-grid-item-icon {
      width: 64px;
      height: 64px;
    .recharge-list-item-icon {
      width: 68px;
      height: 68px;
      margin-right: 24px;
    }

    .recharge-list-item-text {
      font-weight: 400;
      font-size: 34px;
      color: boleGetCssVar('text-color', 'primary');
      flex: 1;
      min-width: 0;
    }

    .recharge-list-item-button {
      font-size: 26px;
      height: 48px;
      padding: 18px;
    }

    .discountTag {
      position: absolute;
      padding: 0px 20px;
      border-radius: 0px 16px 0 16px;
      background: linear-gradient(133deg, #ff6d6e 0%, #ff4d4f 100%);
      color: #fff;
      font-size: 20px;
      line-height: 32px;
      position: absolute;
      top: -16px;
      left: 0;
    }
  }
}

.common-content {
  padding: 0 boleGetCssVar('size', 'body-padding-h2');
  padding: 0 boleGetCssVar('size', 'body-padding-h');
}

.parValue-radio-group {
@@ -128,6 +163,10 @@
        margin-left: 20px;
      }
    }

    &.nut-button--plain {
      border-width: 1px;
    }
  }

  &.electric {