captain-ui/es/shop-banner/src/styles/style4.css

有赞vue wap业务组件库

.cap-shop-banner--type-3 {
  height: 258px;

  .cap-shop-banner__cover-mask {
    background-color: transparent;
    background-image: linear-gradient(to top, black, transparent);
  }

  .cap-shop-banner {

    &__cover {
      height: 150px;
    }

    &__content {
      padding-left: 0;
      text-align: center;
    }

    &__logo {
      float: none;
      display: inline-block;
      width: 70px;
      height: 70px;
      border-radius: 50%;
    }

    &__right-content {
      margin-left: 0;

      > h3 {
        display: inline-block;
        margin-top: 20px;
        max-width: 100%;
        color: $text-color;
        text-shadow: none;
      }
    }

    &__sum-content {
      margin-top: 10px;
    }
  }
}