mine.page.scss 783 B

123456789101112131415161718192021222324252627
  1. .ion-content {
  2. display: flex;
  3. justify-content: center;
  4. align-items: center;
  5. height: 0vh; /* 使用视窗高度,确保内容垂直居中 */
  6. }
  7. .login-container {
  8. text-align: center; /* 文本居中 */
  9. //max-width: 400px; /* 设置最大宽度,避免内容过于扩展 */
  10. width: 100%; /* 宽度100%,确保内容在容器内部居中 */
  11. padding: 0 10px; /* 可根据需要调整内边距 */
  12. box-sizing: border-box; /* 确保内边距不影响总宽度 */
  13. }
  14. .login-card {
  15. margin:0px 10px;
  16. //max-width: 500px; /* 设置最大宽度,避免内容过于扩展 */
  17. text-align: center; /* 文本居中 */
  18. }
  19. .app-logo {
  20. padding-top: 100px;
  21. max-width: 95%; /* 图片宽度最大为容器宽度 */
  22. height: auto; /* 自动高度 */
  23. padding-bottom: 20px;
  24. }