1

pages/login2/index.less

@@ -0,0 +1,153 @@
+.main {
+    position: relative;
+    width: 100%;
+    background: #356363;
+
+    .one {
+        float: left;
+        width: 80%;
+        margin: 25% 10% 0 10%;
+
+        .one_1 {
+            float: left;
+            width: 93%;
+            height: 350px;
+            overflow: hidden;
+            background-color: #fff;
+            margin: 0 0 20px 0;
+            border-radius: 10px;
+            padding: 10px;
+
+            .one_1_1 {
+                float: left;
+                width: 100%;
+                font-size: 20px;
+                font-weight: 700;
+                margin: 25px 0;
+            }
+
+            .one_1_2 {
+                float: left;
+                width: 100%;
+                margin: 0 0 20px 0;
+
+                .content {
+                    float: left;
+                    width: 100%;
+                    margin: 0 0 15px 0;
+                    padding: 10px 0;
+                    border-bottom: 1px solid #000;
+
+                    .left {
+                        float: left;
+                        width: 20%;
+                        text-align: center;
+
+                        .icon {
+                            font-size: 30px;
+                        }
+                    }
+
+                    .right {
+                        float: left;
+                        width: 80%;
+
+                        input {
+                            float: left;
+                            width: 100%;
+                            padding: 4px 0;
+                            font-size: 14px;
+                        }
+                    }
+                }
+
+                .btn {
+                    float: left;
+                    width: 100%;
+                    margin: 15px 0 0 0;
+
+                    .btn_1 {
+                        float: left;
+                        width: 100%;
+                        margin: 0 0 10px 0;
+
+                        button {
+                            border: none;
+                            font-size: 12px;
+                        }
+
+                        button:last-child {
+                            float: right;
+                        }
+                    }
+
+                    .btn_2 {
+                        float: left;
+                        width: 100%;
+                        text-align: center;
+
+                        button {
+                            width: 80%;
+                            border-radius: 25px;
+                        }
+                    }
+                }
+            }
+
+            .one_1_3 {
+                float: left;
+                width: 100%;
+                font-size: 12px;
+                color: #666;
+
+                .check {
+                    padding: 0 50px;
+                }
+            }
+        }
+
+        .one_2 {
+            float: left;
+            width: 100%;
+            color: #ffffff;
+            margin: 0 0 50px 0;
+
+            text {
+                padding: 0 10px;
+                font-size: 14px;
+            }
+        }
+
+        .one_3 {
+            float: left;
+            width: 100%;
+            text-align: center;
+        }
+    }
+}
+
+
+/* 未选中 */
+checkbox .wx-checkbox-input {
+    width: 30rpx;
+    height: 30rpx;
+}
+
+/* 选中 */
+/* checkbox .wx-checkbox-input.wx-checkbox-input-checked{
+    border: none;
+    background: red;
+ } */
+/* 选中 */
+/* checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
+    border-radius: 50%;
+    width: 40rpx;
+    height: 40rpx;
+    line-height: 40rpx;
+    text-align: center;
+    font-size:30rpx; 
+    color:#fff; 
+    background: transparent;
+    transform:translate(-50%, -50%) scale(1);
+    -webkit-transform:translate(-50%, -50%) scale(1);
+ } */

pages/login2/index.wxss

@@ -1,144 +1,122 @@
 .main {
-    position: relative;
-    width: 100%;
-    background: #356363;
+  position: relative;
+  width: 100%;
+  background: #356363;
 }
-
 .main .one {
-    float: left;
-    width: 80%;
-    margin: 25% 10% 0 10%;
+  float: left;
+  width: 80%;
+  margin: 25% 10% 0 10%;
 }
-
 .main .one .one_1 {
-    float: left;
-    width: 93%;
-    height: 350px;
-    overflow: hidden;
-    background-color: #fff;
-    margin: 0 0 20px 0;
-    border-radius: 10px;
-    padding: 10px;
-}
-
+  float: left;
+  width: 93%;
+  height: 350px;
+  overflow: hidden;
+  background-color: #fff;
+  margin: 0 0 20px 0;
+  border-radius: 10px;
+  padding: 10px;
+}
 .main .one .one_1 .one_1_1 {
-    float: left;
-    width: 100%;
-    font-size: 20px;
-    font-weight: 700;
-    margin: 25px 0;
+  float: left;
+  width: 100%;
+  font-size: 20px;
+  font-weight: 700;
+  margin: 25px 0;
 }
-
 .main .one .one_1 .one_1_2 {
-    float: left;
-    width: 100%;
-    margin: 0 0 20px 0;
+  float: left;
+  width: 100%;
+  margin: 0 0 20px 0;
 }
-
 .main .one .one_1 .one_1_2 .content {
-    float: left;
-    width: 100%;
-    margin: 0 0 15px 0;
-    padding: 10px 0;
-    border-bottom: 1px solid #000;
+  float: left;
+  width: 100%;
+  margin: 0 0 15px 0;
+  padding: 10px 0;
+  border-bottom: 1px solid #000;
 }
-
 .main .one .one_1 .one_1_2 .content .left {
-    float: left;
-    width: 20%;
-    text-align: center;
+  float: left;
+  width: 20%;
+  text-align: center;
 }
-
 .main .one .one_1 .one_1_2 .content .left .icon {
-    font-size: 30px;
+  font-size: 30px;
 }
-
 .main .one .one_1 .one_1_2 .content .right {
-    float: left;
-    width: 80%;
+  float: left;
+  width: 80%;
 }
-
 .main .one .one_1 .one_1_2 .content .right input {
-    float: left;
-    width: 100%;
-    padding: 4px 0;
-    font-size: 14px;
+  float: left;
+  width: 100%;
+  padding: 4px 0;
+  font-size: 14px;
 }
-
 .main .one .one_1 .one_1_2 .btn {
-    float: left;
-    width: 100%;
-    margin: 15px 0 0 0;
+  float: left;
+  width: 100%;
+  margin: 15px 0 0 0;
 }
-
 .main .one .one_1 .one_1_2 .btn .btn_1 {
-    float: left;
-    width: 100%;
-    margin: 0 0 10px 0;
+  float: left;
+  width: 100%;
+  margin: 0 0 10px 0;
 }
-
 .main .one .one_1 .one_1_2 .btn .btn_1 button {
-    border: none;
-    font-size: 12px;
+  border: none;
+  font-size: 12px;
 }
-
 .main .one .one_1 .one_1_2 .btn .btn_1 button:last-child {
-    float: right;
+  float: right;
 }
-
 .main .one .one_1 .one_1_2 .btn .btn_2 {
-    float: left;
-    width: 100%;
-    text-align: center;
+  float: left;
+  width: 100%;
+  text-align: center;
 }
-
 .main .one .one_1 .one_1_2 .btn .btn_2 button {
-    width: 80%;
-    border-radius: 25px;
+  width: 80%;
+  border-radius: 25px;
 }
-
 .main .one .one_1 .one_1_3 {
-    float: left;
-    width: 100%;
-    font-size: 12px;
-    color: #666;
+  float: left;
+  width: 100%;
+  font-size: 12px;
+  color: #666;
 }
-
 .main .one .one_1 .one_1_3 .check {
-    padding: 0 50px;
+  padding: 0 50px;
 }
-
 .main .one .one_2 {
-    float: left;
-    width: 100%;
-    color: #ffffff;
-    margin: 0 0 50px 0;
+  float: left;
+  width: 100%;
+  color: #ffffff;
+  margin: 0 0 50px 0;
 }
-
 .main .one .one_2 text {
-    padding: 0 10px;
-    font-size: 14px;
+  padding: 0 10px;
+  font-size: 14px;
 }
-
 .main .one .one_3 {
-    float: left;
-    width: 100%;
-    text-align: center;
+  float: left;
+  width: 100%;
+  text-align: center;
+}
+/* 未选中 */
+checkbox .wx-checkbox-input {
+  width: 30rpx;
+  height: 30rpx;
 }
- /* 未选中 */
-checkbox .wx-checkbox-input{
-    /* border-radius: 50%; */
-    width: 30rpx; 
-    height: 30rpx; 
-    /* border: 1rpx solid #aaa;  */
- }
- /* 选中 */
- /* checkbox .wx-checkbox-input.wx-checkbox-input-checked{
+/* 选中 */
+/* checkbox .wx-checkbox-input.wx-checkbox-input-checked{
     border: none;
     background: red;
  } */
 /* 选中 */
- /* checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
+/* checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
     border-radius: 50%;
     width: 40rpx;
     height: 40rpx;
@@ -149,4 +127,4 @@ checkbox .wx-checkbox-input{
     background: transparent;
     transform:translate(-50%, -50%) scale(1);
     -webkit-transform:translate(-50%, -50%) scale(1);
- } */
+ } */