vue登录注册页面代码css

以下是一个简单的Vue登录注册页面的CSS代码示例：

/* 注册页面样式 */
.register-form {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}

.register-form input {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
}

.register-form button {
  width: 100%;
  padding: 10px;
  background-color: #4CAF50;
  color: white;
  border: none;
}

/* 登录页面样式 */
.login-form {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}

.login-form input {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
}

.login-form button {
  width: 100%;
  padding: 10px;
  background-color: #008CBA;
  color: white;
  border: none;
}

/* 主页样式 */
.homepage {
  text-align: center;
}

.homepage button {
  padding: 10px;
  background-color: #f44336;
  color: white;
  border: none;
}