build_html/h5/static/style/list.scss

/* 卡片列表 start */
.list-card {
  position: relative;
  width: 100%;
  
  .list {
    /* 顶部内容 start */
    &__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0rpx 10rpx 20rpx 10rpx;
      font-size: 34rpx;
      
      .top-title {
        font-weight: 500;
        .icon {
          margin-right: 10rpx;
        }
      }
      .top-operation {
        font-size: 28rpx;
      }
      
    }
    /* 顶部内容 end */
    
    /* 列表内容 start */
    &__wrapper {
      background-color: #FFFFFF;
      border-radius: 15rpx;
      .list__item + .list__item {
        &::after {
          content: '';
          width: 96%;
          height: 1rpx;
          background-color: #F3F2F7;
          position: absolute;
          left: 50%;
          top: 0rpx;
          transform: translateX(-50%);
        }
      }
    }
    &__item {
      position: relative;
      padding: 30rpx;
      
      /* 列表数据 start */
      .item-data {
        display: flex;
        align-items: center;
        &.between {
          justify-content: space-between;
        }
        .item {
          &--left {
            margin-right: 20rpx;
            .icon {
              font-size: 42rpx;
              color: #838383;
              margin-right: 8rpx;
            }
          }
          &--right {
            flex: 1;
          }
          &--arrow {
            color: #AAAAAA;
            margin-left: 10rpx;
          }
        }
      }
      /* 列表数据 end */
      
    }
    /* 列表内容 end */
    
  }
}
/* 卡片列表 end */