Ver Fonte

兼容下移动端h5

yangzm123 há 9 meses atrás
pai
commit
6c90166195
1 ficheiros alterados com 21 adições e 0 exclusões
  1. 21 0
      src/pages/login/login.vue

+ 21 - 0
src/pages/login/login.vue

@@ -185,6 +185,7 @@ export default {
         &-list {
             display: flex;
             align-items: center;
+            justify-content: space-between;
             &-item {
                 padding: 10px;
                 background: #fff;
@@ -245,6 +246,26 @@ export default {
         }
     }
 
+    @media (max-width: 768px) {
+        &-wrap {
+            width: 100vw;
+            padding: 30px 10px;
+
+            &-list {
+                &-item {
+                    flex: 1;
+                    font-size: 14px;
+                    margin-right: 10px;
+                }
+
+                ._icon {
+                    font-size: 24px;
+                    margin-right: 5px;
+                }
+            }
+        }
+    }
+
     .footer {
         position: fixed;
         bottom: 0;