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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhangxuejing123./sip-phone-sdk",
-  "version": "0.0.1",
+  "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 {

package/src/main.js

@@ -4,7 +4,7 @@ import VueI18n from 'vue-i18n'
 import vuetify from './plugins/vuetify'
 import zh from '@/libs/zh.js'
 import en from '@/libs/en.js'
-import '@/utils/rem'
+// import '@/utils/rem'
 Vue.use(VueI18n)
 const i18n = new VueI18n({
   locale: window.config.lang || localStorage.getItem('language') || 'zh', // 语言标识

package/vue.config.js

@@ -5,33 +5,33 @@ module.exports = {
   publicPath: '/sip-phone-demo',
   productionSourceMap: false,
   // 新增的css配置部分
-  css: {
-    loaderOptions: {
-      stylus: {
-        use: [
-          require('poststylus')([
-            require('postcss-pxtorem')({
-              rootValue: 100,
-              propWhiteList: [],
-              minPixelValue: 2,
-            }),
-            'autoprefixer',
-          ]),
-        ],
-        import: [require('path').resolve('./src/assets/theme.custom')]
-      },
-      postcss: {
-        plugins: [
-          require('postcss-pxtorem')({
-            rootValue: 100,
-            propWhiteList: [],
-            minPixelValue: 2,
-          }),
-          require('autoprefixer')(),
-        ],
-      }
-    }
-  },
+  // css: {
+  //   loaderOptions: {
+  //     stylus: {
+  //       use: [
+  //         require('poststylus')([
+  //           require('postcss-pxtorem')({
+  //             rootValue: 100,
+  //             propWhiteList: [],
+  //             minPixelValue: 2,
+  //           }),
+  //           'autoprefixer',
+  //         ]),
+  //       ],
+  //       import: [require('path').resolve('./src/assets/theme.custom')]
+  //     },
+  //     postcss: {
+  //       plugins: [
+  //         require('postcss-pxtorem')({
+  //           rootValue: 100,
+  //           propWhiteList: [],
+  //           minPixelValue: 2,
+  //         }),
+  //         require('autoprefixer')(),
+  //       ],
+  //     }
+  //   }
+  // },
   devServer: {
     port: 8080,
     hot: true