Files
mzltMpfqGS e4a087e67e init
2026-04-15 19:45:16 +08:00

94 lines
1.7 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* pages/bind-phone/bind-phone.wxss */
/* 绑定手机号页面样式 */
.bind-phone-container {
min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 80rpx 60rpx 60rpx;
}
.header {
text-align: center;
margin-bottom: 60rpx;
}
.title {
display: block;
font-size: 48rpx;
font-weight: bold;
color: #fff;
margin-bottom: 16rpx;
}
.subtitle {
font-size: 28rpx;
color: rgba(255, 255, 255, 0.8);
}
.form {
background-color: #fff;
border-radius: 24rpx;
padding: 60rpx 40rpx;
box-shadow: 0 20rpx 60rpx rgba(0, 0, 0, 0.15);
}
.form-item {
display: flex;
align-items: center;
border-bottom: 1rpx solid #f0f0f0;
padding: 24rpx 0;
margin-bottom: 16rpx;
}
.form-icon {
font-size: 40rpx;
color: #667eea;
margin-right: 20rpx;
}
.form-input {
flex: 1;
height: 60rpx;
font-size: 28rpx;
color: #333;
}
.verify-code-item {
position: relative;
}
.send-code-btn {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 12rpx 20rpx;
font-size: 24rpx;
color: #667eea;
background-color: #fff;
border: 1rpx solid #667eea;
border-radius: 24rpx;
}
.send-code-btn.disabled {
color: #999;
border-color: #ddd;
}
.bind-btn {
margin-top: 40rpx;
height: 88rpx;
line-height: 88rpx;
font-size: 32rpx;
font-weight: bold;
color: #fff;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 44rpx;
}
/**
* @联系作者16768118056
* @描述:(此项目非免费分享)源码百分百可用,搞定毕设不发愁,支持远程调试安装、二次开发、定制、讲解、文档类。
* @访问https://www.notmaker.com/detail/8326a897119d4542896c863a69d7bbe7/gtt20260415查看完整运行演示。
*/