gitadmin
/
tuoheng_qmhh_web_move_20240715
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 1 Wiki Activity
拓恒河湖长制全民护河平台WEB端
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.
90 Commits
6 Branches
Tree: 21a7924acc
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '21a7924acc'
${ noResults }
tuoheng_qmhh_web_move_20240715/pages/login/login.wxss

133 lines
2.5KB
Raw Blame History 

  1. /* pages/login/login.wxss */

  2. .login_box {

  3.     width: 100vw;

  4.     height: 100vh;

  5.     display: flex;

  6.     flex-direction: column;

  7.     justify-content: flex-start;

  8.     align-items: center;

  9. }

  10. .logo_img {

  11.     width: 180rpx;

  12.     height: 180rpx;

  13.     margin-top: 40rpx;

  14. }

  15. .login_main {

  16.     width: 100%;

  17.     margin-top: 40rpx;

  18.     display: flex;

  19.     flex-direction: column;

  20.     justify-content: flex-start;

  21.     align-items: flex-start;

  22. }

  23. .location_label {

  24.     font-size: 34rpx;

  25.     font-weight: bold;

  26.     margin-left: 40rpx;

  27. }

  28. .select_container {

  29.     width: 100%;

  30.     height: 82rpx;

  31.     background-color: #fff;

  32.     display: flex;

  33.     justify-content: space-around;

  34.     align-items: center;

  35.   }

  36.   

  37.   .form_item {

  38.     width: 100%;

  39.     padding: 0 60rpx;

  40.     margin-top: 30rpx;

  41.     display: flex;

  42.     justify-content: space-between;

  43.     align-items: center;

  44.     position: relative;

  45.     font-size: 28rpx;

  46.     color: #666666;

  47. }

  48. .value_box {

  49.     width: 100%;

  50.     min-height: 60rpx;

  51.     display: flex;

  52.     justify-content: space-between;

  53.     align-items: center;

  54.     border: 1rpx solid rgba(181, 181, 181, 1);

  55.     border-radius: 4rpx;

  56.     position: relative;

  57.     color: #333333;

  58.     font-size: 24rpx;

  59. }

  60. .text_box {

  61.     width: 100%;

  62.     margin-top: 20rpx;

  63. }

  64. .picker_box {

  65.     width: 560rpx;

  66.     padding: 0 30rpx 0 10rpx;

  67.     font-size: 28rpx;

  68.     color: #333333;

  69.     display: flex;

  70.     justify-content: space-between !important;

  71.     align-items: center;

  72.     position: relative;

  73. }

  74. .picker {

  75.     width: 500rpx;

  76.     margin-right: 30rpx;

  77.     overflow: hidden;

  78.     white-space: nowrap;

  79.     text-overflow: ellipsis;

  80. }

  81. .select_img {

  82.     width: 24rpx;

  83.     height: 12rpx;

  84.     position: absolute;

  85.     right: 0rpx;

  86.     top: 10rpx;

  87. }

  88. .picker_text {

  89.     width: 100%;

  90.     overflow: hidden;

  91.     text-overflow: ellipsis;

  92.     white-space: nowrap;

  93. }

  94. .tips{

  95.     position: absolute;

  96.     bottom: -40rpx;

  97.     left: 40rpx;

  98.     color: red;

  99.     font-size: 24rpx;

  100.     transform: translate(27rpx, -5rpx);

  101.     display: none;

  102.   }

  103.   .form_item.warning .tips{

  104.     display: block;

  105.   }

  106. 

  107. 

  108. 

  109. .login_btn {

  110.     margin-top: 80rpx;

  111.     color: #fff;

  112.     font-weight: normal;

  113.     border-radius: 39rpx;

  114.     background-color: #2a82e4;

  115. }

  116. .footer {

  117.     margin-top: 100rpx;

  118.     width: 100%;

  119.     padding: 60rpx;

  120.     display: flex;

  121.     justify-content: center;

  122.     align-items: center;

  123. }

  124. .enter_btn {

  125.     width: 400rpx;

  126.     height: 100rpx;

  127.     border-radius: 50rpx;

  128.     background-color: rgba(6, 138, 58, 0.78);

  129.     color: #fff;

  130.     line-height: 100rpx;

  131.     text-align: center;

  132. }