98 lines
1.8 KiB
Plaintext
98 lines
1.8 KiB
Plaintext
/* pages/login/index.wxss */
|
||
page {
|
||
height: 100%;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.login-container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
height: 100vh;
|
||
padding: 30rpx;
|
||
background-color: #f6f6f6;
|
||
box-sizing: border-box;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.login-header {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
margin-top: 8vh; /* 从12vh减小到8vh，使整体内容上移 */
|
||
margin-bottom: 50rpx; /* 稍微减小下边距 */
|
||
}
|
||
|
||
.logo {
|
||
width: 200rpx; /* 进一步增大logo尺寸 */
|
||
height: 200rpx;
|
||
margin-bottom: 40rpx;
|
||
}
|
||
|
||
.title {
|
||
font-size: 56rpx; /* 将标题字体从48rpx增大到56rpx */
|
||
font-weight: bold;
|
||
color: #0052d9; /* 使用TDesign的主题蓝色，与登录按钮颜色一致 */
|
||
letter-spacing: 4rpx; /* 增加字间距 */
|
||
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1); /* 添加轻微阴影，增强层次感 */
|
||
}
|
||
|
||
.login-form {
|
||
background-color: #fff;
|
||
border-radius: 16rpx;
|
||
padding: 30rpx 20rpx; /* 增加内边距 */
|
||
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
|
||
margin-bottom: 30rpx;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
/* 微信登录区域 */
|
||
.wechat-login-section {
|
||
margin-bottom: 40rpx;
|
||
}
|
||
|
||
/* 分割线样式 */
|
||
.divider {
|
||
display: flex;
|
||
align-items: center;
|
||
margin: 30rpx 0;
|
||
}
|
||
|
||
.divider-line {
|
||
flex: 1;
|
||
height: 1rpx;
|
||
background-color: #e0e0e0;
|
||
}
|
||
|
||
.divider-text {
|
||
padding: 0 20rpx;
|
||
font-size: 24rpx;
|
||
color: #999;
|
||
}
|
||
|
||
.btn-wrapper {
|
||
margin-top: 60rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
/* 设备状态按钮样式 */
|
||
.device-status-btn {
|
||
display: flex;
|
||
justify-content: center;
|
||
margin-top: 20rpx;
|
||
}
|
||
|
||
.device-status-btn button {
|
||
font-size: 24rpx !important;
|
||
}
|
||
|
||
.footer-text {
|
||
text-align: center;
|
||
font-size: 24rpx;
|
||
color: #999;
|
||
position: absolute;
|
||
bottom: 30rpx;
|
||
left: 0;
|
||
right: 0;
|
||
}
|