测试

mTest/css/login.css

@@ -515,7 +515,7 @@
   height: 0.4rem !important;
   height: 0.4rem !important;
   opacity: 0 !important;
   opacity: 0 !important;
 }
 }
-#buttonDiv {
+#buttonDiv-big {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   left: 0;
   left: 0;
@@ -523,14 +523,14 @@
   width: 6.4rem;
   width: 6.4rem;
   height: 1.3rem;
   height: 1.3rem;
 }
 }
-#buttonDiv > div {
+#buttonDiv-big > div {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   left: 0;
   left: 0;
   width: 6.4rem;
   width: 6.4rem;
   height: 1.3rem;
   height: 1.3rem;
 }
 }
-#buttonDiv > div > div {
+#buttonDiv-big > div > div {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   left: 0;
   left: 0;

mTest/css/login.less

@@ -528,7 +528,7 @@
         opacity: 0 !important;
         opacity: 0 !important;
     }
     }
   }
   }
-#buttonDiv{
+#buttonDiv-big{
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   left: 0;
   left: 0;

mTest/index.html

@@ -216,7 +216,7 @@
             <span class="login-close">×</span>
             <span class="login-close">×</span>
             <div class="login-p1">登入/註冊</div>
             <div class="login-p1">登入/註冊</div>
             <div class="login-phone-btn"><img src="images/phone-icon2.png">Phone</div>
             <div class="login-phone-btn"><img src="images/phone-icon2.png">Phone</div>
-            <div  class="login-google-btn"><img src="images/google1.png">Google<div id="buttonDiv"></div></div>
+            <div  class="login-google-btn"><img src="images/google1.png">Google<div id="buttonDiv-big"></div></div>
             <div class="login-line"></div>
             <div class="login-line"></div>
             <div class="login-line-text">其他方式登入</div>
             <div class="login-line-text">其他方式登入</div>
             <ul class="login-more-btn">
             <ul class="login-more-btn">
@@ -366,7 +366,7 @@
 </body>
 </body>
 <script src="layer-v3.1.0/layer/layer.js"></script>
 <script src="layer-v3.1.0/layer/layer.js"></script>
 <!-- <script src="lib/fingerprint2.js"></script> -->
 <!-- <script src="lib/fingerprint2.js"></script> -->
-<script src="lib/login.js?v=2022111710"></script>
+<script src="lib/login.js?v=2022111711"></script>
 <!-- <script src="index.js" defer></script> -->
 <!-- <script src="index.js" defer></script> -->
 <!-- <link rel="manifest" href="manifest.webmanifest" /> -->
 <!-- <link rel="manifest" href="manifest.webmanifest" /> -->
 
 

mTest/lib/login.js

@@ -478,7 +478,7 @@ function googleLogin(){
         callback: handleCredentialResponse
         callback: handleCredentialResponse
       });
       });
       google.accounts.id.renderButton(
       google.accounts.id.renderButton(
-        document.getElementById("buttonDiv"),
+        document.getElementById("buttonDiv-big"),
         { theme: "outline", size: "large", }  // customization attributes
         { theme: "outline", size: "large", }  // customization attributes
       );
       );
       google.accounts.id.renderButton(
       google.accounts.id.renderButton(

mTest/room/liveRoom.html

@@ -416,7 +416,7 @@
                 <span class="login-close">×</span>
                 <span class="login-close">×</span>
                 <div class="login-p1">登入/註冊</div>
                 <div class="login-p1">登入/註冊</div>
                 <div class="login-phone-btn"><img src="../images/phone-icon2.png">Phone</div>
                 <div class="login-phone-btn"><img src="../images/phone-icon2.png">Phone</div>
-                <div class="login-google-btn"><img src="../images/google1.png"><img src="../images/google1.png">Google<div id="buttonDiv"></div></div>
+                <div class="login-google-btn"><img src="../images/google1.png"><img src="../images/google1.png">Google<div id="buttonDiv-big"></div></div>
                 <div class="login-line"></div>
                 <div class="login-line"></div>
                 <div class="login-line-text">其他方式登入</div>
                 <div class="login-line-text">其他方式登入</div>
                 <ul class="login-more-btn">
                 <ul class="login-more-btn">
@@ -561,7 +561,7 @@
 <script src="../layer-v3.1.0/layer/layer.js"></script>
 <script src="../layer-v3.1.0/layer/layer.js"></script>
 <!-- <script src="../lib/inobounce.js"></script> -->
 <!-- <script src="../lib/inobounce.js"></script> -->
 <!-- <script src="lib/fingerprint2.js"></script> -->
 <!-- <script src="lib/fingerprint2.js"></script> -->
-<script src="../lib/login.js?v=2022111711"></script>
+<script src="../lib/login.js?v=2022111712"></script>
 <script>
 <script>
 $(function(){
 $(function(){
     var dHeight=$(document).height()
     var dHeight=$(document).height()