dist

src/components/LivePlay.vue

@@ -2,7 +2,7 @@
   <div class="video">
     <video v-if="isvideo" :id=" 'a' + time" style="width:100%;height:100%"></video>
     <img v-else :src="info.img" style="width:100%;height:100%" alt="">
-    <div class="title fenxiang" @click="show"> <img src="@/static/images/fenxiang.png" alt=""> 立即分享</div>
+    <div class="title fenxiang" @click="show"> <img src="@/static/images/fenxiang.png" alt=""> {{lan.$t('lijifenxiang')}}</div>
     <div class="liveinfo">
 
           <div class="left">
@@ -41,7 +41,7 @@
                 :footer="null"
                 dialogClass="modal-dialog"
                 v-model:visible="fxtc"
-                title="请选择分享途径"
+                :title="lan.$t('qingxuanzefenxiangtujing')"
                 :getContainer="modalNode"
                 width="4rem"
             >
@@ -51,7 +51,7 @@
                 <div class="notice-container report">
                      <div @click="fx(1)">
                         <img src="@/static/images/weibo.png" alt="" srcset="">
-                        新浪微博
+                        {{lan.$t('xinlangweibo')}}
                     </div>
                     <div @click="fx(2)">
                         <img src="@/static/images/facebook.png" alt="" srcset="">

src/components/VideoPlay.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="video">
         <div class="title">{{title}}</div>
-        <div class="title fenxiang" @click="show"> <img src="@/static/images/fenxiang.png" alt=""> 立即分享</div>
+        <div class="title fenxiang" @click="show"> <img src="@/static/images/fenxiang.png" alt=""> {{lan.$t('lijifenxiang')}}</div>
         <video style="width:100%; height:100%;" :id="'a' + url" ></video>
         <div class="modal-container">
                 <!-- @cancel="hideNoticeModal" -->
@@ -11,7 +11,7 @@
                 :footer="null"
                 dialogClass="modal-dialog"
                 v-model:visible="fxtc"
-                title="请选择分享途径"
+                :title="lan.$t('qingxuanzefenxiangtujing')"
                 :getContainer="modalNode"
                 width="4rem"
             >
@@ -21,7 +21,7 @@
                 <div class="notice-container report">
                      <div @click="fx(1)">
                         <img src="@/static/images/weibo.png" alt="" srcset="">
-                        新浪微博
+                        {{lan.$t('xinlangweibo')}}
                     </div>
                     <div @click="fx(2)">
                         <img src="@/static/images/facebook.png" alt="" srcset="">
@@ -181,7 +181,10 @@ export default defineComponent({
         
         onBeforeRouteLeave((to, from, next) => {
             console.log(121)
-            play.dispose()
+            if(play){
+                 play.dispose()
+            }
+           
                 next()
         })
         function fx(index: number){

src/i18n/en.ts

@@ -337,6 +337,9 @@ export default {
     shangyizhou:"previous",
     xiayizhou:"next",
     guanyuwomen:"ZIGTOOM HEROU, SOCIEDAD LIMITADA was established in August 2020 in Spain, which is a company dedicated to language teaching innovation. Beelink is a brand of our online course and video sharing platform, which aims to connect native-speaking teachers and students. For students, they could learn knowledges, watch videos, and attend online course with native-speakers on this platform. For teachers, they could publish videos and online class on this platform. At present, Beelink has opened a Spanish teaching section. In the near future, we will add other languages.",
+    xinlangweibo:"Weibo",
+    qingxuanzefenxiangtujing:"Please select share channel",
+    lijifenxiang:"Share now",
     shichangtishi:"",
     renshutishi: '',
     tixianzhu: "",

src/i18n/zh.ts

@@ -337,6 +337,9 @@ export default {
     shangyizhou:"上一周",
     xiayizhou:"下一周",
     guanyuwomen:"成都之字空动科技有限公司成立于2020年7月，是一家致力于语言类教学模式创新的公司。Beelink是我公司网上教学及视频分享平台的品牌，旨在连接母语老师和学生，并为他们搭建一个免费的语言学习分享和在线课程的平台。学生可以通过该平台学习语言类知识，观看教学视频，并且通过免费直播课与母语老师进行线上教学互动，创造一个线上的语言环境。老师则可以通过该平台线上授课，发布教学视频。目前，Beelink已经开通了西语教学板块，在不久的将来我们会增设其他语言类型。",
+    xinlangweibo:"新浪微博",
+    qingxuanzefenxiangtujing:"请选择分享途径",
+    lijifenxiang:"立即分享",
     shichangtishi:"",
     renshutishi: '',
     tixianzhu:"",