12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- .change-phone-container.data-v-a44ae884 {
- min-height: 100vh;
- background: #f7f8fa;
- padding: 40rpx 0;
- }
- .header.data-v-a44ae884 {
- text-align: center;
- font-size: 36rpx;
- font-weight: bold;
- margin-bottom: 40rpx;
- background: #fff;
- padding: 32rpx 0;
- }
- .form.data-v-a44ae884 {
- background: #fff;
- border-radius: 20rpx;
- margin: 0 32rpx;
- padding: 40rpx 32rpx;
- box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.04);
- display: flex;
- flex-direction: column;
- gap: 32rpx;
- }
- .input.data-v-a44ae884 {
- width: 100%;
- height: 80rpx;
- border: 1rpx solid #eee;
- border-radius: 12rpx;
- padding: 0 24rpx;
- font-size: 30rpx;
- background: #f7f8fa;
- }
- .code-row.data-v-a44ae884 {
- display: flex;
- gap: 16rpx;
- }
- .code-input.data-v-a44ae884 {
- flex: 1;
- }
- .code-btn.data-v-a44ae884 {
- width: 180rpx;
- height: 80rpx;
- background: #409EFF;
- color: #fff;
- border: none;
- border-radius: 12rpx;
- font-size: 28rpx;
- }
- .submit-btn.data-v-a44ae884 {
- width: 100%;
- background: #409EFF;
- color: #fff;
- border-radius: 12rpx;
- font-size: 32rpx;
- margin-top: 16rpx;
- height: 80rpx;
- }
|