@zhangxuejing123./sip-phone-sdk 0.0.2 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhangxuejing123./sip-phone-sdk",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "private": false,
   "publishConfig": {
     "access": "public"

package/public/index.html

@@ -19,7 +19,6 @@
           height: { min: 640, max: 640 }
         },
         videoCodec: 'h264',
-        isAPP:false,
       }
     </script>
   </head>

package/src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-app style="background-color: rgba(5,29,63)"  :class="isAPP ? 'my-APP' : ''">
+  <v-app style="background-color: rgba(5,29,63)" >
     
     <!-- <button @click="onMakeCall">拨号</button> -->
     <v-main>
@@ -34,7 +34,6 @@ export default {
   },
 
   data: () => ({
-    isAPP:false,
     debug: false,
     password: '',
     calledNum: '',
@@ -77,8 +76,6 @@ export default {
   },
 
   mounted () {
-    this.isAPP = window.config.isAPP;
-    console.log("isAPP22",this.isAPP)
     let {
       calledNum = '0000021000021001',
       //calledNum = '000001100002011001',

package/src/components/MobilePhone.vue

@@ -1,7 +1,7 @@
 <!-- 主模板：视频通话界面 -->
-<template>
+<template >
   <!-- 主容器：使用flex垂直布局，内容居中对齐 -->
-  <div class="d-flex flex-column align-center justify-space-between sip-call-main">
+  <div :class="isAPP ? 'my-APP' : ''" class="d-flex flex-column align-center justify-space-between sip-call-main">
     <!-- 位置信息显示区域 -->
     <div class="location-wrapper" v-if="showLocation">
       <!-- 显示经纬度和海拔信息 -->
@@ -240,6 +240,7 @@ export default {
 
   data: function () {
     return {
+      isAPP:false,
       prompt: `${this.$t('serverConnecting')}...`,
       callPrompt: this.$t('pleaseBePatient'),
 
@@ -915,10 +916,23 @@ export default {
 
     stopSendPosition () {
       clearTimeout(this.sendPositionHandler)
-    }
+    },
+    isAPPIF(){
+      if (/android/i.test(navigator.userAgent)) {
+        this.isAPP = true;
+        console.log("当前为Android App");
+      } else if (/iphone|ipad|ipod/i.test(navigator.userAgent)) {
+        console.log("当前为iOS App");
+        this.isAPP = true;
+      } else {
+        this.isAPP = false;
+        console.log("当前为H5页面");
+      }
+    },
   },
 
   async mounted() {
+    // this.isAPPIF()
     console.info('MobilePhone mounted')
     await this.checkBrowser().catch(e => {
       this.showSnackbar = true
@@ -1097,6 +1111,7 @@ export default {
     opacity: .6 !important; 
     position: absolute !important; 
     left: calc(50% + 160px) !important;
+    color: #FFFFFF;
 }
 .transparent-btn::before {
     background-color: transparent !important;
@@ -1292,16 +1307,17 @@ export default {
   }
 
   .transparent-btn {
-      background: transparent !important;
-      box-shadow: none !important;
-      min-width: 0 !important;
-      width: auto !important;
-      height: auto !important;
-      padding: 0 !important;
-      margin: 0 !important;
-      opacity: .6 !important; 
-      position: absolute !important; 
-      left: calc(50% + 80px) !important;
+    background: transparent !important;
+    box-shadow: none !important;
+    min-width: 0 !important;
+    width: auto !important;
+    height: auto !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    opacity: .6 !important; 
+    position: absolute !important; 
+    left: calc(50% + 160px) !important;
+    color: #FFFFFF;
   }
   .transparent-btn::before {
       background-color: transparent !important;

package/src/components/vuetify.css

@@ -4666,7 +4666,8 @@ html.overflow-y-hidden {
 }
 
 .v-application .mb-10 {
-  margin-bottom: 40px !important;
+  margin-bottom: 160px !important;
+  z-index: 1000 !important;
 }
 
 .v-application .mb-11 {