login-page.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. // 隐藏 edge 浏览器的密码查看按钮
  2. /* #ifdef H5 */
  3. .input-box ::v-deep{
  4. .uni-input-input[type="password"] {
  5. &::-ms-reveal {
  6. display: none;
  7. }
  8. }
  9. }
  10. /* #endif */
  11. .uni-content {
  12. padding: 0 60rpx;
  13. }
  14. .login-logo {
  15. display: none;
  16. }
  17. /* #ifndef APP-NVUE */
  18. @media screen and (min-width: 690px) {
  19. .uni-content {
  20. /* #ifndef H5 */
  21. padding: 0;
  22. max-width: 300px;
  23. margin-left: calc(50% - 200px);
  24. /* #endif */
  25. /* #ifdef H5 */
  26. margin: 0 auto;
  27. position: relative;
  28. top: 100px;
  29. padding: 30px 40px 80px 40px;
  30. max-width: 450px;
  31. max-height: 450px;
  32. border-radius: 10px;
  33. box-shadow: 0 0 20px #efefef;
  34. background-color: #FFF;
  35. /* #endif */
  36. }
  37. /* #ifdef H5 */
  38. .login-logo {
  39. display: flex;
  40. justify-content: center;
  41. }
  42. .login-logo image {
  43. width: 60px;
  44. height: 60px;
  45. }
  46. .register-back{
  47. display: none;
  48. }
  49. uni-button{
  50. padding-bottom: 1px;
  51. }
  52. /* #endif */
  53. }
  54. .uni-content view {
  55. box-sizing: border-box;
  56. }
  57. /* #endif */
  58. .title {
  59. /* #ifndef APP-NVUE */
  60. display: flex;
  61. /* #endif */
  62. padding: 18px 0;
  63. font-weight: 800;
  64. flex-direction: column;
  65. }
  66. .tip {
  67. /* #ifndef APP-NVUE */
  68. display: flex;
  69. /* #endif */
  70. color: #BDBDC0;
  71. font-size: 11px;
  72. margin: 6px 0;
  73. }
  74. /* #ifndef APP-NVUE */
  75. // 解决小程序端开启虚拟节点virtualHost引起的 class = input-box丢失的问题 [详情参考](https://uniapp.dcloud.net.cn/matter.html#%E5%90%84%E5%AE%B6%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%AE%9E%E7%8E%B0%E6%9C%BA%E5%88%B6%E4%B8%8D%E5%90%8C-%E5%8F%AF%E8%83%BD%E5%AD%98%E5%9C%A8%E7%9A%84%E5%B9%B3%E5%8F%B0%E5%85%BC%E5%AE%B9%E9%97%AE%E9%A2%98)
  76. .uni-content ::v-deep .uni-easyinput__content,
  77. /* #endif */
  78. .input-box {
  79. height: 44px;
  80. background-color: #F8F8F8 !important;
  81. border-radius: 0;
  82. font-size: 14px;
  83. /* #ifndef APP-NVUE */
  84. display: flex;
  85. /* #endif */
  86. flex: 1;
  87. }
  88. .link {
  89. color: #04498c;
  90. cursor: pointer;
  91. }
  92. .uni-content ::v-deep .uni-forms-item__inner {
  93. padding-bottom: 8px;
  94. }
  95. .uni-btn {
  96. text-align: center;
  97. height: 40px;
  98. line-height: 40px;
  99. margin: 15px 0 10px 0;
  100. color: #FFF !important;
  101. border-radius: 5px;
  102. font-size: 16px;
  103. }
  104. .uni-body.uni_modules-uni-id-pages-pages-login-login-withoutpwd{
  105. height: auto !important;
  106. }