处理手机端快捷登录弹框 ui 响应式问题

resources/beike/shop/default/css/global.scss

@@ -81,6 +81,15 @@ body[class^="page-account-"] {
   }
 }
 
+.login-pop-box {
+  overflow: inherit;
+
+  @media (max-width: 768px) {
+    width: 90% !important;
+    height: 80% !important;
+  }
+}
+
 .module-title {
   font-size: 1.5rem;
   text-align: center;

resources/beike/shop/default/css/login.scss

@@ -1,6 +1,10 @@
 @charset "UTF-8";
 
 body.page-login, body.page-forgotten {
+  @media (max-width: 768px) {
+    overflow-x: hidden;
+  }
+
   .login-item-header {
     background: #f8f9fa;
     border-bottom: none;
@@ -14,4 +18,11 @@ body.page-login, body.page-forgotten {
   .card {
     border: none;
   }
+
+  .form-iframe {
+    @media (max-width: 768px) {
+      padding: 0;
+      margin-top: 0 !important;
+    }
+  }
 }

resources/beike/shop/default/js/common.js

@@ -118,6 +118,7 @@ export default {
       title: '',
       shadeClose: true,
       area: ['900px', '600px'],
+      skin: 'login-pop-box',
       content: 'login?iframe=true' //iframe的url
     });
   }

themes/default/account/login.blade.php

@@ -10,7 +10,7 @@
 
 
 @section('content')
-  <div class="{{ request('iframe') ? 'container-fluid mt-5' : 'container' }}" id="page-login" v-cloak>
+  <div class="{{ request('iframe') ? 'container-fluid form-iframe mt-5' : 'container' }}" id="page-login" v-cloak>
     @if (!request('iframe'))
       <x-shop-breadcrumb type="static" value="login.index" />
       <div class="hero-content pb-5 text-center"><h1 class="hero-heading">{{ __('shop/login.index') }}</h1></div>