处理浏览器webRTC兼容行问题

static/rtcEngine/WXtrialInterface.html

@@ -54,16 +54,16 @@
                         <div>
                             <div v-for="item in definitionList" :key="item.key"
                                 :class="['tc drawer-item mb-15', {active: definitionValue === item.value}]"
-                                @click="definitionFun(item.value)">
+                                @click.prevent="definitionFun(item.value)">
                                 {{item.name}}
                             </div>
-                            <div class="tc drawer-item mb-15" @click="resolutionRatio">
+                            <div class="tc drawer-item mb-15" @click.prevent="resolutionRatio">
                                 分辨率
                             </div>
-                            <div class="tc drawer-item mb-15" @click="engine.ExexuteKeyBoard(24)">
+                            <div class="tc drawer-item mb-15" @click.prevent="engine.ExexuteKeyBoard(24)">
                                 音量 +
                             </div>
-                            <div class="tc drawer-item" @click="engine.ExexuteKeyBoard(25)">
+                            <div class="tc drawer-item" @click.prevent="engine.ExexuteKeyBoard(25)">
                                 音量 -
                             </div>
                         </div>

static/rtcEngine/css/WXtrialInterface.css

@@ -154,6 +154,11 @@ html {
 .layout .levitated-sphere-drawer .drawer-item {
   line-height: 0.3rem;
   border-radius: 0.03rem;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  -khtml-user-select: none;
+  user-select: none;
 }
 .layout .levitated-sphere-drawer .drawer-item.active {
   background: rgb(255, 255, 255);

static/rtcEngine/scss/WXtrialInterface.scss

@@ -122,6 +122,7 @@ html {
         height: calc(100% - toREM(60));
         width: 100%;
         position: relative;
+
         .videoRotate {
             position: absolute;
             left: 0;
@@ -163,6 +164,12 @@ html {
         .drawer-item {
             line-height: toREM(30);
             border-radius: toREM(3);
+            -moz-user-select: none;
+            -webkit-user-select: none;
+            -ms-user-select: none;
+            -khtml-user-select: none;
+            user-select: none;
+
             &.active {
                 background: rgba(255, 255, 255, 1);
                 color: #000;