page{ background: #f8f9fa; } .container{ margin: 20rpx 20rpx 0; } .userbox{ display: flex; justify-content: space-between; align-items: center; padding: 20rpx; background-color: #ffffff; border-radius: 20rpx; } .pic{ width: 130rpx; height: 130rpx; border-radius: 50%; } .usercenter{ flex: 1rpx; margin-left: 20rpx; } .title{ font-size: 35rpx; font-weight: 600; color: #333333; } .person_text{ padding-top: 10rpx; font-size: 28rpx; font-weight: 400; color: #999999; } .menu>.item{ margin-top: 15rpx; height: 100rpx; line-height: 100rpx; border-bottom: 2rpx solid #ccc; padding: 0 40rpx; font-size: 33rpx; display: flex; background-color: #ffffff; } .menu>.item .ge{ flex-basis: 600rpx; } .menu>.item .tubiao{ margin-right: 15rpx; } .container1 { padding: 60rpx 50rpx; background-color: #fff; min-height: 100vh; box-sizing: border-box; } .main { display: flex; flex-direction: column; align-items: center; margin: 80rpx 0 100rpx; } .app-icon { width: 180rpx; height: 180rpx; border-radius: 32rpx; margin-bottom: 40rpx; border: 2rpx solid #f1f1f1; } .title { font-size: 44rpx; color: #333; font-weight: 600; letter-spacing: 1.5rpx; } /* 输入框组样式 */ .van-cell-group { margin-bottom: 50rpx; border-radius: 16rpx; overflow: hidden; box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.04); } .van-field { padding: 28rpx 32rpx; background-color: #fff; } .van-field__label { width: 140rpx !important; color: #666; font-size: 30rpx; } .van-field__control { font-size: 30rpx; color: #333; } /* 验证码按钮样式 */ .van-button--small { height: 64rpx !important; padding: 0 24rpx !important; font-size: 26rpx !important; border-radius: 10rpx !important; background-color: #1989fa; } /* 登录按钮样式 */ .login-btn { margin-top: 70rpx; } .van-button--info { height: 96rpx; line-height: 96rpx; font-size: 34rpx; font-weight: 500; border-radius: 48rpx; background: linear-gradient(to right, #1989fa, #07c160); box-shadow: 0 10rpx 20rpx rgba(25, 137, 250, 0.3); transition: all 0.3s ease; } .van-button--info:active { transform: scale(0.98); opacity: 0.9; } /* 禁用状态样式 */ .van-button--disabled { opacity: 0.7 !important; background: #c8c9cc !important; } /* 底部装饰元素 */ .login-footer { margin-top: 80rpx; text-align: center; color: #999; font-size: 26rpx; }