askbot-dragon 1.5.62-beta → 1.5.63-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "1.5.62-beta",
+  "version": "1.5.63-beta",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/ConversationContainer.vue

@@ -4955,7 +4955,7 @@ export default {
             url:
               'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/41221223-c180-4f3f-bdc8-94875b693965/WeChat_20210719215122.mp4',
             videoFlag: false,
-            nodownload: true,
+            nodownload: false,
             videoUploadPercent: 0,
             isShowUploadVideo: true,
             recommend: {

package/src/components/askVideo.vue

@@ -12,16 +12,19 @@
         /> -->
         <video
                 controls="controls"
-                :controlslist="nodownload&&'nodownload'"
+                controlslist="nodownload"
                 :raw-controls="true"
                 x5-video-player-type="h5-page"
-                style="object-fit: contain;width: calc(100vw - 139px);height: 160px;background-color: black;border-radius: 25px;max-width: 230px;padding-left: 10px"
+                style="object-fit: contain;width: calc(100vw - 169px);height: 160px;background-color: black;border-radius: 25px;max-width: 200px;padding-left: 10px"
                 preload
                 :poster="videoSrc+'?spm=qipa250&x-oss-process=video/snapshot,t_1000,f_jpg,w_0,h_0,m_fast'"
                 class="video-player vjs-custom-skin"
                 :id="msg.id+'key'">
           <source :src="videoSrc"/>
         </video>
+        <div v-show="!nodownload" class="dragon-video-download">
+          <a :href="msg.content.url" download><span class="el-icon-download"></span></a>
+        </div>
       <div id="output"></div>
     </div>
 </template>
@@ -123,6 +126,8 @@
 video::-webkit-media-controls-mute-button { display: none !important;}
 #dragon-video{
   position: relative;
+  width: calc(100vw - 109px);
+  max-width: 260px;
   #outputVideo{
     position: absolute;
     top: 0px;
@@ -134,6 +139,24 @@ video::-webkit-media-controls-mute-button { display: none !important;}
     }
 
   }
+  .dragon-video-download{
+    position: absolute;
+    width: 40px;
+    height: 26px;
+    background-color: rgba(54, 106, 255, 0.5);
+    border-radius: 13px;
+    text-align: center;
+    bottom: 0px;
+    right: 0;
+    a {
+      span {
+        height: 26px;
+        line-height: 26px;
+        display: block;
+        color: white;
+      }
+    }
+  }
 }
 
 </style>