登录配置

src/style/common.styl

@@ -49,6 +49,7 @@
   _wh(calc(100% - 120px), 100%)
 
 .site_container
+  _fj()
   _wh(100%, calc(100% - 82px))
   overflow hidden
 .left_side
@@ -134,6 +135,10 @@
   padding: 12px 20px;
   font-size: 14px;
   border-radius: 18px;
+  &:disabled
+    color: #fff;
+    background-color: $gray;
+    border-color: $gray1;
 .button+.button
   margin-left: 10px;
 .button--primary
@@ -195,7 +200,7 @@
   width 100%
 .form
   width 100%
-  _fj(flex-start)
+  _fj(flex-start, flex-start)
   .form_item
     width 48%
     margin-bottom: 20px
@@ -422,60 +427,65 @@
 .state_wrap
   width 100%
   _fj(, flex-start)
-  margin-bottom 20px
 .state_tip
-  _wh(200px, 100px)
+  _wh(150px, 50px)
   _fj(center)
-  _font(28px, 40px, #ffffff,,center)
+  _font(18px, 15px, #ffffff,,center)
   border 1px solid $red
   background-color #ffc3a7
-  border-radius 16px
+  border-radius 6px
   margin-right 70px
   overflow hidden
 .state_content
-  width calc(100% - 270px)
+  width calc(100% - 220px)
   _fj(flex-start)
   flex-wrap wrap
 .state_item_1
-  _wh(260px, 100px)
+  _wh(150px, 50px)
   _fj(center)
   border 1.6px solid #54C0B3
   background-color #fff
-  _font(32px,45px,#54C0B3,,center)
-  border-radius 16px
-.state_item_2
-  _wh(284px, 100px)
-  _fj(center)
-  border 12px solid #DFE1E6
-  background-color #fff
-  border-radius 16px
-  margin-bottom 24px
+  _font(18px,25px,#54C0B3,,center)
+  border-radius 6px
+  margin-bottom 20px
   margin-right 24px
+.state_item_2
+  _wh(calc(33.333333% - 16px), 60px)
+  _fj(center)
+  border 10px solid #DFE1E6
+  background-color #fff
+  border-radius 6px
+  margin-bottom 20px
+  margin-right 24px
+  &:nth-child(3n)
+    margin-right 0
 .state_item_2_dot
   display block
-  _wh(32px,32px)
-  background-color #00C852
+  _wh(24px,24px)
+  background-color #ffffff
   border-radius 50%
-  margin-right 24px
+  margin-right 20px
 .state_item_2_txt
   display block
-  _font(32px,45px,#696969,,)
+  _font(18px,25px,#696969,,)
 .state_item_3
-  _wh(310px, 100px)
+  _wh(calc(33.333333% - 16px), 50px)
   _fj(flex-start)
   border 1.6px solid #8B90A6
   background-color #fff
   border-radius 16px
-  margin-bottom 24px
+  margin-bottom 20px
   margin-right 24px
   padding 10px 20px
+  &:nth-child(3n)
+    margin-right 0
 .state_item_3_txt1
   display block
-  _font(32px,45px,#696969,,)
+  _font(18px,25px,#696969,,)
   margin-right 12px
 .state_item_3_txt2
   display block
-  _font(32px,45px,#FA6400,,)
+  _font(18px,25px,#FA6400,,)
 .state_item_switch
   display: inline-flex;
   align-items: center;
@@ -483,6 +493,11 @@
   line-height: 50px;
   height: 50px;
   vertical-align: middle;
+  margin-bottom 20px
+  margin-right 24px
+  outline none
+  background none
+  cursor pointer
 .switch__input
   position: absolute;
   width: 0;
@@ -503,8 +518,8 @@
   cursor: pointer;
   transition: border-color .3s,background-color .3s;
   vertical-align: middle;
-  border-color: rgb(255, 73, 73);
-  background-color: rgb(255, 73, 73);
+  border-color: $gray2;
+  background-color: $gray3;
   &::after
     content: "";
     position: absolute;