实现登录能力的微信开发者工具wxss代码
时间: 2023-10-08 07:06:01 浏览: 37
以下是一个简单的微信小程序登录页面的 wxss 代码示例:
```wxss
/* 登录页面样式 */
/* 页面背景色 */
.page {
background-color: #F8F8F8;
}
/* 登录表单 */
.login-form {
width: 90%;
margin: 60rpx auto;
background-color: #FFFFFF;
border-radius: 10rpx;
box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.1);
padding: 40rpx;
}
/* 输入框样式 */
.input {
height: 100rpx;
line-height: 100rpx;
font-size: 32rpx;
border: none;
border-bottom: 2rpx solid #CCCCCC;
margin-bottom: 40rpx;
}
/* 登录按钮样式 */
.login-btn {
width: 100%;
height: 100rpx;
line-height: 100rpx;
font-size: 36rpx;
background-color: #007AFF;
color: #FFFFFF;
border: none;
border-radius: 10rpx;
margin-top: 40rpx;
}
/* 注册按钮样式 */
.register-btn {
font-size: 28rpx;
color: #999999;
margin-top: 20rpx;
text-align: center;
}
```
以上代码实现了一个简单的登录表单,包括输入框样式、登录按钮样式和注册按钮样式。可以根据需要进行修改和调整。