/* page{ width: 750rpx; height: 1206rpx; padding-top: 0; background: #F7F7F7; } */ .setting-info{ width: 100%; height: 100%; overflow: hidden; padding: 0 17rpx; margin: 0 auto; font-size: 32rpx; color: #5E5E5E; background: #F7F7F7; } .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; } .user-action{ /* min-width: 100rpx; */ /* max-width: 400rpx; */ width: 100%; } .nickname{ width: 100%; } .setting-title{ display: inline-block; width: 94rpx; } .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; } .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: 100%; } .edit-image{ position: absolute; right: 50rpx; top: 24rpx; width: 22rpx; height: 32rpx; } .submit-btn{ margin-top: 392rpx; 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%; }