修改登录页样式

This commit is contained in:
zhouyanli
2026-05-05 16:21:56 +08:00
parent d0a0b2dbaf
commit e030bb7cb9
8 changed files with 85 additions and 64 deletions

View File

@@ -79,8 +79,7 @@ const phoneNumber = ref('');
const password = ref('');
const agreeAgreement = ref(false); // 默认勾选
const placeholderStyle = ref('font-size:24rpx')
// 控制点击变色
// const isClicked = ref(false)
// 计算属性:是否可登录(帐号+密码+协议都满足)
const canLogin = computed(() => {
@@ -96,8 +95,6 @@ const toggleAgreement = () => {
// 跳转隐私协议
const goToPrivacy = () => {
// 点击变色
// isClicked.value = true
uni.navigateTo({
url:'/pageSubPack/loginSub/privacy',
})
@@ -188,11 +185,11 @@ const handleLogin = () => {
width: 100%;
}
.login-title {
font-size: 48rpx;
font-size: 52rpx;
font-weight: 600;
color: #333;
text-align: center;
margin-bottom: 80rpx;
margin-bottom: 142rpx;
}
.input-item {
@@ -223,7 +220,7 @@ const handleLogin = () => {
display: flex;
justify-content: space-between;
align-items: center;
margin: 40rpx 0;
margin: 70rpx 0 28rpx 0;
padding: 0 10rpx;
}
@@ -233,7 +230,7 @@ const handleLogin = () => {
}
.agreement-text {
font-size: 28rpx;
font-size: 24rpx;
color: #666;
margin-left: 10rpx;
}
@@ -245,8 +242,8 @@ const handleLogin = () => {
} */
.forget-pwd {
font-size: 28rpx;
color: #007aff;
font-size: 24rpx;
color: #666;
text-decoration: none;
}
@@ -256,8 +253,8 @@ const handleLogin = () => {
line-height: 88rpx;
background-color: #007aff;
color: #fff;
border-radius: 44rpx;
font-size: 32rpx;
border-radius: 8rpx;
font-size: 28rpx;
margin-bottom: 60rpx;
}
@@ -269,7 +266,7 @@ const handleLogin = () => {
}
/* 禁用按钮边框 */
button:after{
border-radius: 50px;
border-radius: 8px;
}
.bottom-link {