nova-live/projects/live-app/src/moduls/user/setting/setting.component.scss

.header {
  background: #ffffff;
}

ion-content {
  --padding-bottom: 26.6667vw;
  background-image: url("https://file-cloud.fmode.cn/uiZD6NisQm/20220831/g1bkbm102855.png") !important;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  --background: #ffffff00;
  .portrait {
    // background-color: white;
    // padding: 1.3333vw 4vw 0 4vw;
    // font-size: 4.2667vw;
    // display: flex;
    // justify-content: space-between;

    div {
      line-height: 16vw;
    }
    img {
      border-radius: 50%;
      width: 16vw;
      height: 16vw;
    }
  }

  .row {
    // height: 13.3333vw;
    // font-size: 4.2667vw;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    // padding:0 4vw;
    // border: 0.2667vw solid #f6f6f6;
    .right {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
    span {
      margin-right: 4vw;
    }
    ion-input {
      text-align: right;
    }
  }
  // .age,.nikename{
  //     >div:last-child{
  //         display: flex;
  //         align-items: center;
  //         text-align: right;
  //     }
  // }

  .submit {
    position: fixed;
    bottom: 8vw;
    width: 80%;
    height: 10.6667vw;
    font-size: 4.2667vw;
    color: white;
    margin: 0 10%;
    background-color: #fe4d54;
    border-radius: 10px;
  }
}