.avatar-wrapper { overflow: hidden; padding: 0; border-radius: 8px; margin: 50rpx 0rpx; border: none; } .avatar { margin: 0 auto; display: block; width: 140rpx; height: 140rpx; border-radius: 50%; background-color: #d3d3d3; } .container { display: flex; } .setting-info { width: 100%; height: 100%; overflow: hidden; padding: 0 17rpx; font-size: 32rpx; color: #5E5E5E; background: #F7F7F7; overflow-x: hidden; } .nickname-box { margin-top: 34rpx; width: 716rpx; height: 88rpx; position: relative; box-sizing: border-box; padding: 22rpx 0 22rpx 26rpx; display: flex; align-items: center; background: #FFFFFF; border-radius: 12rpx; } .nickname-box, .grade { margin-top: 20rpx; } .user-action { /* min-width: 100rpx; */ /* max-width: 400rpx; */ width: 74%; } .nickname { width: 74%; } .setting-title { display: inline-block; width: 145rpx; text-align: center; } .placeholderStyle { font-size: 32rpx; color: #737373; } .edit-img { position: absolute; right: 50rpx; top: 24rpx; width: 22rpx; height: 32rpx; } .icon { width: 100%; height: 100%; } .sex-box { margin-top: 20rpx; width: 716rpx; height: 88rpx; box-sizing: border-box; display: flex; align-items: center; background: #FFFFFF; padding: 22rpx 0 22rpx 26rpx; border-radius: 12rpx; } .school-title, .radio-each, .birthday-title, .occupation-title { margin-right: 30rpx; } .radio-group { display: flex; height: 42rpx; overflow: hidden; /* margin-top: -8rpx; */ } /* .sex-title{ position: relative; top: 10rpx; } */ .radio { margin-right: 50rpx; display: flex; } radio .wx-radio-input.wx-radio-input-checked::before { border-radius: 50%; width: 8rpx; height: 8rpx; text-align: center; font-size: 0rpx; /* 对勾大小 去掉 */ background-color: #FF5E00; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } radio { margin-left: 20rpx; border-radius: 50%; width: 28rpx; /* 最好是4的倍数,不然会不在中间 */ height: 28rpx; border: 4rpx solid #FF8100; /* 设置边框(外圆) */ font-size: 0; /* 让边框重合 */ margin-top: 6rpx; } radio .wx-radio-input { border-radius: 50%; width: 28rpx; height: 28rpx; border: none; /* 替换边框(隐藏原有边框) */ } radio .wx-radio-input.wx-radio-input-checked { border: none; background: #f00; } .birthday-box { margin-top: 20rpx; width: 716rpx; height: 88rpx; box-sizing: border-box; display: flex; align-items: center; background: #FFFFFF; padding: 22rpx 0 22rpx 26rpx; border-radius: 12rpx; position: relative; overflow: hidden; } .occupation-box { margin-top: 20rpx; width: 716rpx; height: 88rpx; box-sizing: border-box; display: flex; align-items: center; background: #FFFFFF; padding: 22rpx 0 22rpx 26rpx; border-radius: 12rpx; } .school-box { margin-top: 20rpx; width: 716rpx; height: 88rpx; box-sizing: border-box; display: flex; align-items: center; background: #FFFFFF; padding: 22rpx 0 22rpx 26rpx; border-radius: 12rpx; position: relative; } .address { /* width: 420rpx; */ /* height: 88rpx; */ width: 74%; } .edit-image { position: absolute; right: 50rpx; top: 24rpx; width: 22rpx; height: 32rpx; } .submit-btn { margin-top: 92rpx; width: 716rpx; height: 200rpx; display: flex; justify-content: center; align-items: center; } .btn { font-size: 40rpx; color: #FFFFFF; width: 464rpx; line-height: 80rpx; border-radius: 80rpx; background: #FF9209; } picker { width: 100%; } .avatar-text { width: 100%; font-size: 34rpx; color: rgb(0, 162, 255); text-align: center; margin-top: 24rpx; }