luoyang-uniapp-app/pages/tabbar/mine/index.scss

.pageBgImg {

  .userInfo {
	  width: 100%;
	  padding: 30rpx 30rpx 100rpx 30rpx;
	  display: flex;
	  align-items: center;
	  
    .avatar {
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		overflow: hidden;
		background: #f4f4f4;
      image {

      }
    }
	
    .rightInfo {
		flex: 1;
		width: 0;
		padding-left: 20rpx;
      .name-row {
		  display: flex;
		  justify-content: space-between;
        .leftTxt {
			flex: 1;
			width: 0;
			display: flex;
			align-items: center;
          .name {
				font-size: 30rpx;
				color: #fff;
				font-weight: 700;
          }

          .arrowIcon {
			  width: 36rpx;
			  height: 36rpx;
			  margin-left: 4rpx;
          }
        }

        .scanCode {
			width: 36rpx;
			height: 36rpx;
        }
      }

      .phone {
			font-size: 24rpx;
			color: #fff;
			margin-top: 20rpx;
      }
    }
  }
.pad {
		border-radius: 20rpx 20rpx 0 0;
		background-color: #f4f4f4;
		transform: translateY(-22rpx);
	}
  .ul {
	  display: flex;
	  width: 100%;
	  height: 154rpx;
	  background: #FFFFFF;
	  border-radius: 20rpx;
	  padding: 20rpx;
	  transform: translateY(-60rpx);
    .li {
		flex: 1;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
      .icon {
		  width: 77rpx;
		  height: 77rpx;
      }

      .text {
		font-size: 24rpx;
		color: #333;
      }
    }
  }

  .ul2 {
	  background: #FFFFFF;
	  border-radius: 20rpx;
	  margin-top: -40rpx;
	  padding: 4rpx 20rpx;
    .li2 {
		display: flex;
		height: 88rpx;
		display: flex;
		align-items: center;
		border-bottom: 1rpx solid #F6F7FA;
		&:last-child {
			border: none;
		}
      .icon {
		  width: 54rpx;
		  height: 52rpx;
        image {

        }
      }

      .text {
		font-size: 28rpx;
		color: #333;
		margin-left: 20rpx;
      }

      .arrowRight {
		  width: 36rpx;
		  height: 36rpx;
		  margin-left: auto;
      }
    }
  }
}