1. 登录->联系客服 打不开 2. sdk 横屏样式修改

README.md

@@ -189,3 +189,22 @@ appid
 -   [x] 删除 android 相关的代码
 -   [x] 微信支付回调地址 拼接
 -   [x] data 不传递给支付回调
+
+## 2021.7.29
+
+-   [x] 登录->联系客服 打不开
+-   [x] sdk 横屏样式修改
+
+> 登录相关
+
+-   [x] 登录
+-   [x] 快速登录
+-   [x] 注册
+-   [x] 忘记密码
+
+> 支付相关
+
+-   [x] 游戏支付
+-   [x] 鸿币支付
+-   [x] 鸿币充值
+-   [x] 鸿币支付优惠明细

src/components/Menu/MenuPay/MenuHbDetail.vue

@@ -113,7 +113,7 @@ export default {
     font-size: 30 / @rem;
     background-color: #fff;
     box-sizing: border-box;
-    border-radius: 5px;
+    border-radius: 10 / @rem;
     overflow: hidden;
 
     i {
@@ -247,9 +247,9 @@ export default {
   .menu_hb_detail {
     .content {
       width: 350 / @rem;
-      height: 260 / @rem;
+      height: 300 / @rem;
       margin-left: -175 / @rem;
-      margin-top: -130 / @rem;
+      margin-top: -150 / @rem;
       font-size: 16 / @rem;
       padding: 10 / @rem;
       overflow-y: auto;

src/components/Menu/MenuPay/MenuHbPay.vue

@@ -196,13 +196,14 @@ export default {
 @media all and (orientation: landscape),
   /** 伪竖屏*/all and (orientation: portrait) and (min-width: 600px) and (min-height: 800px) {
   .menu_hb_pay {
-    width: 45%;
-    max-height: 250 / @rem;
-    left: 0;
+    width: 350 / @rem;
+    height: 300 / @rem;
+    left: 50%;
     top: 50%;
-    margin-top: -125 / @rem;
+    margin-top: -150 / @rem;
+    margin-left: -175 / @rem;
     padding: 7.5 / @rem 10 / @rem;
-    border-radius: 0 20 / @rem 20 / @rem 0;
+    border-radius: 10 / @rem;
     overflow-y: auto;
 
     .icon-back {
@@ -222,18 +223,18 @@ export default {
 
     .money,
     .pay_money {
-      height: 40 / @rem;
-      line-height: 40 / @rem;
+      height: 55 / @rem;
+      line-height: 55 / @rem;
       font-size: 15 / @rem;
     }
 
     .money {
-      margin-top: 10 / @rem;
+      margin-top: 20 / @rem;
     }
 
     .confirm {
       line-height: 35 / @rem;
-      margin: 60 / @rem auto 0;
+      margin: 70 / @rem auto 0;
       border-radius: 4 / @rem;
     }
     .less {

src/components/Menu/MenuPay/MenuPay.vue

@@ -96,13 +96,14 @@ export default {
 @media all and (orientation: landscape),
   /** 伪竖屏*/all and (orientation: portrait) and (min-width: 600px) and (min-height: 800px) {
   .menu_pay {
-    width: 45%;
-    height: 250 / @rem;
-    left: 0;
+    width: 350 / @rem;
+    height: 300 / @rem;
+    left: 50%;
     top: 50%;
-    margin-top: -125 / @rem;
+    margin-top: -150 / @rem;
+    margin-left: -175 / @rem;
     padding: 7.5 / @rem 10 / @rem;
-    border-radius: 0 20 / @rem 20 / @rem 0;
+    border-radius: 10 / @rem;
 
     .icon-back {
       margin-top: 2 / @rem;

src/components/Menu/MenuPay/MenuPayH5.vue

@@ -728,7 +728,7 @@ export default {
   /** 伪竖屏*/only screen and (min-device-width: 768px) and (min-device-height: 768px) and (orientation: portrait) {
   .menu_pay_h5 {
     width: 100%;
-    height: 200 / @rem;
+    height: 250 / @rem;
     overflow-y: auto;
 
     .pay_account,
@@ -745,7 +745,7 @@ export default {
     .pay_account {
       height: 35 / @rem;
       line-height: 35 / @rem;
-      margin-top: 10 / @rem;
+      margin-top: 5 / @rem;
 
       .money {
         color: #9d9d9d;
@@ -762,7 +762,7 @@ export default {
       .default {
         margin-right: 1%;
         border-radius: 4 / @rem;
-        margin-bottom: 10 / @rem;
+        margin-bottom: 8 / @rem;
       }
 
       .count {

src/components/Menu/MenuService.vue

@@ -8,7 +8,7 @@
       scrolling="no"
       allowtransparency="yes"
       style="overflow: hidden"
-      :src="`${CONFIG.serviceUrl}${userInfo.passport}`"
+      :src="`${CONFIG.serviceUrl}${userInfo && userInfo.passport}`"
       :width="iframeWidth"
       :height="iframeHeight"
     ></iframe>

src/views/Forget/Forget.vue

@@ -326,13 +326,13 @@ export default {
   all and (device-aspect-ratio: 4/3) {
   .forget {
     width: 350 / @rem;
-    height: 260 / @rem;
-    margin-top: -130 / @rem;
+    height: 300 / @rem;
+    margin-top: -150 / @rem;
     margin-left: -175 / @rem;
 
     .title {
-      height: 35 / @rem;
-      line-height: 35 / @rem;
+      height: 40 / @rem;
+      line-height: 40 / @rem;
       font-size: 18 / @rem;
     }
     .tel_input_box,
@@ -346,12 +346,12 @@ export default {
 
     .tel_input_box,
     .captcha_box {
-      height: 35 / @rem;
+      height: 40 / @rem;
       margin-top: 5 / @rem;
     }
 
     .red {
-      line-height: 35 / @rem;
+      line-height: 40 / @rem;
     }
 
     .tel_input_box {
@@ -360,7 +360,7 @@ export default {
 
     .tel_input,
     .captcha_input {
-      height: 32 / @rem;
+      height: 35 / @rem;
       padding-left: 10 / @rem;
       font-size: 16 / @rem;
     }
@@ -370,36 +370,37 @@ export default {
     }
 
     .bind_send {
-      height: 32 / @rem;
-      line-height: 32 / @rem;
+      height: 35 / @rem;
+      line-height: 35 / @rem;
       font-size: 16 / @rem;
       border-radius: 5 / @rem;
     }
 
     .reg_password,
     .reg_password2 {
-      height: 32 / @rem;
+      height: 35 / @rem;
       margin-top: 5 / @rem;
     }
     .reg_input_password {
-      height: 32 / @rem;
+      height: 35 / @rem;
       padding-left: 10 / @rem;
       font-size: 16 / @rem;
     }
     .reg_input_password2 {
-      height: 32 / @rem;
+      height: 35 / @rem;
+      margin-top: 5 / @rem;
       padding-left: 10 / @rem;
       font-size: 16 / @rem;
     }
     .reset_pwd {
-      height: 35 / @rem;
-      line-height: 35 / @rem;
-      margin: 5 / @rem auto 0;
+      height: 40 / @rem;
+      line-height: 40 / @rem;
+      margin: 15 / @rem auto 0;
       border-radius: 7 / @rem;
       font-size: 16 / @rem;
     }
     .other {
-      margin-top: 5 / @rem;
+      margin-top: 8 / @rem;
       font-size: 14 / @rem;
     }
   }

src/views/GamePay/GamePayBox.vue

@@ -70,13 +70,14 @@ export default {
 @media all and (orientation: landscape),
   /** 伪竖屏*/all and (orientation: portrait) and (min-width: 600px) and (min-height: 800px) {
   .menu_game_pay {
-    width: 45%;
-    height: 250 / @rem;
-    left: 0;
+    width: 350 / @rem;
+    height: 300 / @rem;
+    left: 50%;
     top: 50%;
-    margin-top: -125 / @rem;
+    margin-top: -150 / @rem;
+    margin-left: -175 / @rem;
     padding: 7.5 / @rem 10 / @rem;
-    border-radius: 0 20 / @rem 20 / @rem 0;
+    border-radius: 10 / @rem;
 
     .icon-back {
       margin-top: 2 / @rem;

src/views/GamePay/GamePayH5.vue

@@ -294,7 +294,7 @@ export default {
   .menu_game_pay_h5 {
     .content {
       width: 100%;
-      height: 200 / @rem;
+      height: 240 / @rem;
       overflow-y: auto;
     }
 

src/views/Login/Login.vue

@@ -446,15 +446,15 @@ export default {
   all and (device-aspect-ratio: 4/3) {
   #udb_login {
     width: 350 / @rem;
-    height: 260 / @rem;
+    height: 300 / @rem;
     margin-left: -175 / @rem;
-    margin-top: -130 / @rem;
+    margin-top: -150 / @rem;
     font-size: 16 / @rem;
     overflow-y: auto;
 
     .title {
-      height: 35 / @rem;
-      line-height: 35 / @rem;
+      height: 50 / @rem;
+      line-height: 50 / @rem;
       font-size: 18 / @rem;
     }
 
@@ -470,7 +470,7 @@ export default {
     }
     .login_username,
     .login_password {
-      height: 40 / @rem;
+      height: 45 / @rem;
     }
     .login_username {
       .account_list {
@@ -507,8 +507,8 @@ export default {
       top: 2 / @rem;
     }
     .login_true {
-      height: 30 / @rem;
-      line-height: 30 / @rem;
+      height: 40 / @rem;
+      line-height: 40 / @rem;
       margin-top: 5 / @rem;
       border-radius: 10 / @rem;
     }

src/views/Reg/Reg.vue

@@ -599,9 +599,9 @@ export default {
   #udb_reg_phone_password {
     .udb_phone_code_box {
       width: 350 / @rem;
-      height: 270 / @rem;
+      height: 300 / @rem;
       margin-left: -175 / @rem;
-      margin-top: -135 / @rem;
+      margin-top: -150 / @rem;
       font-size: 16 / @rem;
       overflow-y: auto;
 

src/views/Visitor/Visitor.vue

@@ -162,8 +162,8 @@ export default {
   all and (device-aspect-ratio: 4/3) {
   .visitor_login {
     width: 350 / @rem;
-    height: 250 / @rem;
-    margin-top: -120 / @rem;
+    height: 300 / @rem;
+    margin-top: -150 / @rem;
     margin-left: -175 / @rem;
     overflow-y: auto;
 
@@ -177,9 +177,10 @@ export default {
       padding: 5 / @rem;
     }
     .account_box {
+      margin-top: 20 / @rem;
       padding-bottom: 0;
       p {
-        margin-top: 8 / @rem;
+        margin-top: 10 / @rem;
         font-size: 16 / @rem;
         .right {
           margin-left: 10 / @rem;