fix: 修改首页ui

zhengyiming

4 天以前 9453bef1fc4a3121b28ffa6617f0fbfc81d9f634

 packages/components/src/styles/rechargeGrid.scss

@@ -1,18 +1,53 @@
@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;
    }
  }
}
@@ -118,6 +153,13 @@
}

.order-bill-recharge {
  .nut-cell-group__wrap {
    background-color: transparent;

    .nut-cell {
      background-color: transparent;
    }
  }
  .recharge-button {
    width: 100%;
    margin: 40px 0;
@@ -128,6 +170,10 @@
        margin-left: 20px;
      }
    }

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

  &.electric {