refactor(仪表板): 媒体链接设置等提示文案修改

frontend/src/components/canvas/customComponent/DeFrame.vue

@@ -44,11 +44,8 @@
       v-else
       class="info-class"
     >
-      <span>{{ $t('panel.web_add_tips_pre') }}</span>
+      <span>{{ $t('panel.link_add_tips_pre') }}</span>
-      <i
+      <i class="icon iconfont icon-chaolianjie"/>
-        slot="reference"
-        class="icon iconfont icon-chaolianjie"
-      />
       <span>{{ $t('panel.web_add_tips_suf') }}</span>
     </div>
   </el-row>

frontend/src/components/canvas/customComponent/DeStreamMedia.vue

@@ -32,7 +32,9 @@
       v-else
       class="info-stream-class"
     >
-      {{ $t('panel.stream_media_add_tips') }}
+      <span>{{ $t('panel.link_add_tips_pre') }}</span>
+      <i class="icon iconfont icon-chaolianjie"/>
+      <span>{{ $t('panel.stream_media_add_tips') }}</span>
     </div>
   </el-row>
 </template>
@@ -145,7 +147,7 @@ export default {
       }
     },
     destroyPlayer() {
-    // Destroy
+      // Destroy
       if (this.flvPlayer) {
         this.flvPlayer.pause()
         this.flvPlayer.destroy()
@@ -157,53 +159,53 @@ export default {
 </script>
 
 <style>
-  .info-stream-class {
+.info-stream-class {
-    text-align: center;
+  text-align: center;
-    height: 100%;
+  height: 100%;
-    display: flex;
+  display: flex;
-    align-items: center;
+  align-items: center;
-    justify-content: center;
+  justify-content: center;
-    background-color: rgba(245, 245, 220, 0.3);
+  background-color: rgba(245, 245, 220, 0.3);
-    font-size: 12px;
+  font-size: 12px;
-    color: #000000;
+  color: #000000;
-  }
+}
 
-  .move-bg {
+.move-bg {
-    height: 100%;
+  height: 100%;
-    width: 100%;
+  width: 100%;
-    background-color: #000000;
+  background-color: #000000;
-  }
+}
 
-  .video-container {
+.video-container {
-    width: 100%;
+  width: 100%;
-    height: 100%;
+  height: 100%;
-    background-color: #000000;
+  background-color: #000000;
-  }
+}
 
-  .centered-video {
+.centered-video {
-    width: 100%;
+  width: 100%;
-    height: 100%;
+  height: 100%;
-    margin-left: auto;
+  margin-left: auto;
-    margin-right: auto;
+  margin-right: auto;
-    margin-bottom: auto;
+  margin-bottom: auto;
-  }
+}
 
-  .stream-mask {
+.stream-mask {
-    display: flex;
+  display: flex;
-    height: calc(100% - 60px) !important;
+  height: calc(100% - 60px) !important;
-    width: 100% !important;
+  width: 100% !important;
-    position: absolute;
+  position: absolute;
-    top: 0px;
+  top: 0px;
-    left: 0px;
+  left: 0px;
-    z-index: 2;
+  z-index: 2;
-    display: flex;
+  display: flex;
-    align-items: center;
+  align-items: center;
-    justify-content: center;
+  justify-content: center;
-  }
+}
 
-  .edit-mask-stream{
+.edit-mask-stream {
-    opacity: 0;
+  opacity: 0;
-  }
+}
 
 </style>
 

frontend/src/components/canvas/customComponent/DeVideo.vue

@@ -26,7 +26,9 @@
       v-else
       class="info-class"
     >
-      {{ $t('panel.video_add_tips') }}
+      <span>{{ $t('panel.link_add_tips_pre') }}</span>
+      <i class="icon iconfont icon-chaolianjie"/>
+      <span>{{ $t('panel.video_add_tips') }}</span>
     </div>
   </el-row>
 </template>
@@ -139,20 +141,21 @@ export default {
 </script>
 
 <style>
-  .info-class{
+.info-class {
-    text-align: center;
+  text-align: center;
-    height: 100%;
+  height: 100%;
-    display: flex;
+  display: flex;
-    align-items: center;
+  align-items: center;
-    justify-content: center;
+  justify-content: center;
-    background-color: rgba(255,255,255,0.3);
+  background-color: rgba(255, 255, 255, 0.3);
-    font-size: 12px;
+  font-size: 12px;
-    color: #9ea6b2;
+  color: #9ea6b2;
-  }
+}
-  .move-bg {
+
-    height: 100%;
+.move-bg {
-    width: 100%;
+  height: 100%;
-    background-color: #000000;
+  width: 100%;
-  }
+  background-color: #000000;
+}
 </style>
 

frontend/src/lang/en.js

@@ -2039,7 +2039,7 @@ export default {
     yes: 'Yes',
     no: 'No',
     live_tips: 'User Https First',
-    stream_media_add_tips: 'Please Add Stream Media Info...',
+    stream_media_add_tips: 'And Add Stream Media Info...',
     stream_mobile_tips: 'IOS terminal may not display',
     json_params_error: 'Third Party Parameters Parsing Failed. Please Check Whether The Parameters Format Is Correct',
     inner_padding: 'Inner Padding',
@@ -2272,8 +2272,8 @@ export default {
     play_circle: 'Circle',
     video_links: 'Video Links',
     web_url: 'Web URL',
-    video_add_tips: 'Please Add Video Info...',
+    video_add_tips: 'And Video Info...',
-    web_add_tips_pre: 'Please click',
+    link_add_tips_pre: 'Please click',
     web_add_tips_suf: 'Add Web Url Info...',
     panel_view_result_show: 'View Result',
     panel_view_result_tips: 'Chose "Panel" Will Overwrite View`s Result,Range 1~10000',

frontend/src/lang/tw.js

@@ -2033,7 +2033,7 @@ export default {
     yes: '是',
     no: '否',
     live_tips: '優先HTTPS鏈接',
-    stream_media_add_tips: '請點擊添加配置流媒體信息...',
+    stream_media_add_tips: '添加流媒體信息...',
     stream_mobile_tips: 'IOS終端可能無法顯示',
     json_params_error: '第三方參數解析失敗，請檢查參數格式是否正確',
     inner_padding: '內邊距',
@@ -2266,8 +2266,8 @@ export default {
     play_circle: '循環播放',
     video_links: '視頻鏈接',
     web_url: '網頁地址',
-    video_add_tips: '請點擊添加配置視頻信息...',
+    video_add_tips: '添加視頻信息...',
-    web_add_tips_pre: '請點擊上方',
+    link_add_tips_pre: '請點擊上方',
     web_add_tips_suf: '添加網頁信息...',
     panel_view_result_show: '視圖結果',
     panel_view_result_tips: '選擇儀表闆會覆蓋視圖的結果展示數量，取值範圍1~10000',

frontend/src/lang/zh.js

@@ -2033,7 +2033,7 @@ export default {
     yes: '是',
     no: '否',
     live_tips: '优先HTTPS链接',
-    stream_media_add_tips: '请点击添加配置流媒体信息...',
+    stream_media_add_tips: '添加流媒体信息...',
     stream_mobile_tips: 'IOS终端可能无法显示',
     json_params_error: '第三方参数解析失败，请检查参数格式是否正确',
     inner_padding: '内边距',
@@ -2266,8 +2266,8 @@ export default {
     play_circle: '循环播放',
     video_links: '视频链接',
     web_url: '网页地址',
-    video_add_tips: '请点击添加配置视频信息...',
+    video_add_tips: '添加视频信息...',
-    web_add_tips_pre: '请点击上方',
+    link_add_tips_pre: '请点击上方',
     web_add_tips_suf: '添加网页信息...',
     panel_view_result_show: '视图结果',
     panel_view_result_tips: '选择仪表板会覆盖视图的结果展示数量，取值范围1~10000',