livestream-miniapp/miniprogram/pages/about/about.scss

/* pages/about/about.wxss */
.about_container {
  width: 100vw;
  height: 100vh;

  .inner {
    width: calc(100% - 100rpx);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 50rpx;
  }

  .logo {
    width: 250rpx;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 220rpx auto 0 auto;

    .logo-1 {
      width: 250rpx;
      height: 250rpx;
      display: block;
    }

    .logo-2 {
      width: 250rpx;
      height: 60rpx;
      display: block;
      margin: 40rpx 0;
    }

    .logo-3 {
      font-size: 40rpx;
      text-align: center;
      margin: 0 auto;
    }
  }

  .info {
    margin-bottom: 150rpx;
    text-align: center;

    .hero {
      font-size: 32rpx;
      display: block;
      margin-bottom: 20rpx;
    }

    .sub,
    .version {
      color: #A3A4A5;
      display: block;
      margin-bottom: 20rpx;
      font-size: 26rpx;
    }
  }

}