reader/pages/user/mine/mine.wxss

/* pages/user/mine/mine.wxss */
.mine-container{
  width: 750rpx;
  height: 1280rpx;
  background: #F0F1F5;
  position: relative;
}

.mine-border-radius{
  width: 750rpx;
  height: 190rpx;
  background: #61CA54;
}

.caret-left{
  position: absolute;
  left: 0;
  top: 190rpx;
  width: 0;
  height: 0;
  border: 17rpx solid transparent;
  border-top-color: #61CA54;
}

.caret-right{
  position: absolute;
  right: 0;
  top: 190rpx;
  width: 0;
  height: 0;
  border: 17rpx solid transparent;
  border-top-color: #61CA54;
}

.mine-top{
  position: absolute;
  top: 88rpx;
  left: 17rpx;
  width: 716rpx;
  height: 344rpx;
  border-radius: 20rpx;
  background: #FFFFFF;
}

.mine-circle{
  width: 152rpx;
  height: 76rpx; 
  background-color: #61CA54;
  border-radius:0 0 76rpx 76rpx; /* 左上、右上、右下、左下 */
  margin: 0 auto;
}

.avatar-box{
  position: absolute;
  left: 290rpx;
  bottom: 274rpx;
  width: 138rpx;
  height: 138rpx;
  border-radius: 50%;
}

.avatar-image{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.edit-detail{
  position: absolute;
  top: 10rpx;
  left: 430rpx;
  width: 230rpx;
  height: 50rpx;
  display: flex;
  align-items: flex-end;
}

.edit-box{
  margin-left: 10rpx;
  width: 46rpx;
  height: 50rpx;
}

.edit-image{
  width: 100%;
  height: 100%;
}

.edit-text{
  font-size: 24rpx;
  color: #5E5E5E;
  margin-left: 8rpx;
}

.nick-name{
  width: 716rpx;
  text-align: center;
  line-height: 60rpx;
}

.nick-name>.text{
  color: #000000;
  font-size: 32rpx;
  font-weight: bold;
}

.nick-address{
  width: 716rpx;
  line-height: 40rpx;
  text-align: center;
  font-size: 28rpx;
  color: #4C4C4C;
}