Merge branch 'master' of http://192.168.0.115:3000/chenzhiguang/FD_Pano

src/framework/showMobile/index.vue

@@ -88,6 +88,7 @@
         <v-audio
           v-if="audioUrl"
           :vkey="audioUrl.id"
+          class="vaduio"
           @audioEnded="handleEnded"
           :autoplay="true"
           :idleft="`_${$randomWord(true, 8, 8)}`"
@@ -491,15 +492,18 @@ export default {
     text-align: center;
     overflow: hidden;
     white-space: nowrap;
+    vertical-align: middle;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     position: fixed;
-    left: 50%;
+    left: calc(50% - 18px);
     transform: translateX(-50%);
-    bottom: 14px;
+    bottom: 44px;
     z-index: 9999;
     border-radius: 18px;
-    background: rgba(0, 0, 0, 0.3);
+    background: rgba(0, 0, 0, 0.5);
     border: 1px solid rgba(255, 255, 255, 0.2);
-    margin-top: 10px;
     margin-left: 10px;
     padding: 0 10px;
     &.active {
@@ -509,6 +513,11 @@ export default {
     }
     .iconedit_soundview{
       color: #0076F6;
+      margin-right: 10px;
+    }
+    .vaduio{
+      visibility: hidden;
+      width: 0;
     }
   }
 

src/framework/showMobile/list.vue

@@ -436,8 +436,8 @@ export default {
       }
       >li{
         cursor: pointer;
-        width: 72px;
-        height: 72px;
+        width: 70px;
+        height: 70px;
         >div{
           width: 100%;
           height: 100%;
@@ -492,9 +492,12 @@ export default {
           position: absolute;
           left: 0;
           bottom: 0;
+          font-size: 0;
           /deep/ span{
+            font-size: 14px;
             word-break: keep-all;
             white-space:nowrap;
+            padding: 3px 0;
           }
         }
       }

src/framework/showMobile/popup/preview.vue

@@ -69,6 +69,9 @@ export default {
 .ui-message{
   width: 100%;
   background: none;
+  border: none;
+  max-width: 100%;
+  padding: 0;
 }
 .closeicon{
   position: fixed;
@@ -86,11 +89,12 @@ export default {
     width: 100%;
     font-size: 0;
     position: relative;
-    >img,>video{
+    >img{
       width: 100%;
     }
-    >video{
+    video{
       min-height: 210px;
+      width: 100%;
     }
     .v-textarea{
       width: 100%;