fix: ui

zhengyiming

9 天以前 1ba3a11308cf59c513d70fbc3608961f19a02621

 packages/components/src/styles/rechargeGrid.scss

@@ -1,18 +1,52 @@
@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;
    }

    .discountTag {
      position: absolute;
      padding: 8px 16px;
      border-radius: 0px 0 20px 0;
      background: linear-gradient(
        186deg,
        rgba(255, 129, 45, 0.08) 14.82%,
        rgba(238, 67, 67, 0.08) 91.5%
      );
      color: #fb5100;
      font-size: 24px;
      font-weight: 700;
      line-height: 28px;
      position: absolute;
      top: -2px;
      left: -2px;
    }
  }
}