hn_museum_game/miniProgram/components/authorize/index.less

/* components/authorize/index.wxss */
.authcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  .authbody {
    .avatar-wrapper {
      width: 80rpx;
      height: 80rpx;
      padding: 0;
      position: relative;
      >image {
        width: 100%;
        height: 100%;
      }
      .avatar-wrapperTxt{
        color: #444b51;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        font-size: 12px;
      }
    }

    >input {
      background: #ffffff;
      margin-top: 20rpx;
      padding: 6rpx 20rpx;
      border-radius: 8rpx;
    }

    .btn-area {
      display: flex;
      width: 100%;
      justify-content: space-around;
      text-align: center;
      margin-top: 20rpx;

      >image {
        width: 46%;
      }
    }
  }
}