微信小程序项目模板文件
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

76 lines
1.4KB

  1. /* pages/login/login.wxss */
  2. .login_box {
  3. width: 100vw;
  4. height: 100vh;
  5. display: flex;
  6. flex-direction: column;
  7. justify-content: center;
  8. align-items: center;
  9. }
  10. .form_box {
  11. display: flex;
  12. flex-direction: column;
  13. justify-content: flex-start;
  14. align-items: flex-end;
  15. }
  16. .login_box .form-item{
  17. padding-bottom:50rpx;
  18. position: relative;
  19. }
  20. .login_box .form-item input{
  21. width: 532rpx;
  22. height: 80rpx;
  23. padding-left: 20px;
  24. border-radius: 39rpx;
  25. background-color: #fafafa;
  26. }
  27. .login_box .tips{
  28. position: absolute;
  29. bottom: 0;
  30. left:0;
  31. color: red;
  32. font-size:26rpx;
  33. transform: translate(20rpx,-10rpx);
  34. display: none;
  35. }
  36. .login_box .form-item.warning .tips{
  37. display: block;
  38. }
  39. .check_lable {
  40. box-sizing: border-box;
  41. height: 60rpx;
  42. display: flex;
  43. justify-content: flex-end;
  44. align-items: center;
  45. color: #b0b0b0;
  46. }
  47. .check_contanier {
  48. width: 100%;
  49. display: flex;
  50. justify-content: flex-end;
  51. align-items: center;
  52. }
  53. .check_box {
  54. width: 30rpx;
  55. height: 30rpx;
  56. margin-right: 20rpx;
  57. }
  58. radio-group {
  59. width: 200rpx;
  60. align-self: flex-end !important;
  61. }
  62. checkbox .wx-checkbox-input {
  63. width: 30rpx;
  64. height: 30rpx;
  65. margin-bottom: 10rpx;
  66. }
  67. .login_btn {
  68. margin-top: 80rpx;
  69. color: #fff;
  70. font-weight: normal;
  71. border-radius: 39rpx;
  72. background-color: #477DF3;
  73. }