编辑器-各种热点图标类型-i18n

packages/qjkankan-editor/src/lang/_en.json

@@ -415,6 +415,7 @@
     "waiting": "Waiting...",
     "audio": "Audio",
     "second": "s",
+    "frame": "帧",
     "delete": "Delete",
     "prev": "Go back",
     "next": "Next",
@@ -819,7 +820,6 @@
   "hotspot": {
     "hotspot_type": "热点类型",
     "img_size":"Upload up to 20 images",
-    "hotspot_setting": "Hotspot settings",
     "hotspot_tips": "Add icon hotspots to the panorama and configure their effect",
     "add_hotspot": "Add hotspot",
     "current_hotspots": "Current panorama hotspots",
@@ -831,16 +831,29 @@
     "no_hotspot": "No hotspot information at this time～",
     "close_dialog": "Hotspot content is not fully edited, confirm to close it",
     "hotspot_name": "Hotspots",
-    "hotspot_icon": "Hotspot icon",
+    "hotspot_icon": "Select Icon",
     "hotspot_icon_type": {
       "system_icon": "系统图标",
       "custom_image": "自定义图片",
       "serial_frame": "序列帧",
       "personalized_tag": "个性标签"
     },
-    "select_hotspot_icon": "Select the hotspot icon",
-    "input_hotspot_title": "Enter the hotspot title",
-    "select_icon": "Select Icon",
+    "add_icon": "添加图标",
+    "add_custom_icon_rule": "300*300px，支持jpg/png格式",
+    "add_serial_frame_rule": "最大宽度：300px，高度不限",
+    "frame_total_number": "序列帧总帧数",
+    "frame_duration": "总播放时长",
+    "select_icon": "选择图标",
+    "if_show_marking_line": "是否显示标注线",
+    "shape_filling_color": "形状填充",
+    "shape_border_color": "形状描边",
+    "text_color": "文字颜色",
+    "text_direction": "文字排序",
+    "left_to_right": "从左到右",
+    "top_to_down": "从上到下",
+    "if_wrap": "是否换行显示",
+    "text_num_per_line": "每行显示",
+    "words": "字",
     "hotspot_title": "热点标题",
     "title_show_mode": "显示方式",
     "show_on_hover": "鼠标悬浮",

packages/qjkankan-editor/src/lang/_zh.json

@@ -415,6 +415,7 @@
     "waiting": "请稍等...",
     "audio": "音频",
     "second": "秒",
+    "frame": "帧",
     "delete": "删除",
     "prev": "上一步",
     "next": "下一步",
@@ -824,7 +825,6 @@
   "hotspot": {
     "hotspot_type": "热点类型",
     "img_size":"最多添加20张图片",
-    "hotspot_setting": "热点设置",
     "hotspot_tips": "在全景图中添加图标热点，并设置热点的效果。",
     "add_hotspot": "添加热点",
     "current_hotspots": "当前全景图热点",
@@ -843,9 +843,22 @@
       "serial_frame": "序列帧",
       "personalized_tag": "个性标签"
     },
-    "select_hotspot_icon": "请选择热点图标",
-    "input_hotspot_title": "请输入热点标题",
-    "select_icon": "热点图标",
+    "add_icon": "添加图标",
+    "add_custom_icon_rule": "300*300px，支持jpg/png格式",
+    "add_serial_frame_rule": "最大宽度：300px，高度不限",
+    "frame_total_number": "序列帧总帧数",
+    "frame_duration": "总播放时长",
+    "select_icon": "选择图标",
+    "if_show_marking_line": "是否显示标注线",
+    "shape_filling_color": "形状填充",
+    "shape_border_color": "形状描边",
+    "text_color": "文字颜色",
+    "text_direction": "文字排序",
+    "left_to_right": "从左到右",
+    "top_to_down": "从上到下",
+    "if_wrap": "是否换行显示",
+    "text_num_per_line": "每行显示",
+    "words": "字",
     "hotspot_title": "热点标题",
     "title_show_mode": "显示方式",
     "show_on_hover": "鼠标悬浮",

packages/qjkankan-editor/src/views/hotspot/EditPanel.vue

@@ -25,7 +25,7 @@
         </div>
         
         <div class="icon-setting">
-          <div class="remark">{{ $i18n.t('hotspot.select_icon') }}</div>
+          <div class="remark">{{ $i18n.t('hotspot.hotspot_icon') }}</div>
           <combox
             class="combox"
             :data="hotspotIconTypeList"

packages/qjkankan-editor/src/views/hotspot/hotspotIconType/custom_image.vue

@@ -6,8 +6,8 @@
       @click="isShowSelectionWindow = true"
     >
       <img src="@/assets/images/default/hotspot_scene_add.png" alt="">
-      <div class="button-name">添加图标</div>
-      <div class="tip">300*300px，支持jpg/png格式</div>
+      <div class="button-name">{{$i18n.t('hotspot.add_icon')}}</div>
+      <div class="tip">{{$i18n.t('hotspot.add_custom_icon_rule')}}</div>
     </button>
 
     <div v-if="selectedIcon" class="icon-selected">
@@ -19,8 +19,8 @@
         </button>
       </div>
       <div class="right-wrap">
-        <button class="select-icon ui-button submit" @click="isShowSelectionWindow = true">选择图标</button>
-        <div class="tip">300*300px，支持jpg/png格式</div>
+        <button class="select-icon ui-button submit" @click="isShowSelectionWindow = true">{{$i18n.t('hotspot.select_icon')}}</button>
+        <div class="tip">{{$i18n.t('hotspot.add_custom_icon_rule')}}</div>
       </div>
     </div>
 

packages/qjkankan-editor/src/views/hotspot/hotspotIconType/personalized_tag.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="hotspot-icon-personalized-tag">
     <div class="line-show-setting switcher-wrap">
-      <span class="label">是否显示标注线</span>
+      <span class="label">{{$i18n.t('hotspot.if_show_marking_line')}}</span>
       <Switcher :value="isShowLine" @change="onSwitcherChange"></Switcher>
     </div>
     
@@ -17,7 +17,7 @@
       <span class="count">{{ hotspotTitle.length }}/15</span>
     </div>
 
-    <div class="remark">形状填充</div>
+    <div class="remark">{{ $i18n.t('hotspot.hotspot_title') }}</div>
     <div
       class="color-picker-wrap"
     >
@@ -34,7 +34,7 @@
       />
     </div>
 
-    <div class="remark">形状描边</div>
+    <div class="remark">{{ $i18n.t('hotspot.shape_border_color') }}</div>
     <div
       class="color-picker-wrap"
     >
@@ -51,7 +51,7 @@
       />
     </div>
 
-    <div class="remark">文字颜色</div>
+    <div class="remark">{{ $i18n.t('hotspot.text_color') }}</div>
     <div
       class="color-picker-wrap"
     >
@@ -68,17 +68,17 @@
       />
     </div>
 
-    <div class="remark">文字排序</div>
+    <div class="remark">{{ $i18n.t('hotspot.text_direction') }}</div>
     <TabbarSwitcherIcon
       class="text-direction-switcher"
       :tabList="[
         {
           icon: 'icon-text_right',
-          tip: '从左到右',
+          tip: $i18n.t('hotspot.left_to_right'),
         },
         {
           icon: 'icon-text_down',
-          tip: '从上到下',
+          tip: $i18n.t('hotspot.top_to_down'),
         },
       ]"
       :activeIdx="currentTextDirectionIdx"
@@ -86,7 +86,7 @@
     />
 
     <div class="text-wrap-setting switcher-wrap">
-      <span class="label">是否换行显示</span>
+      <span class="label">{{ $i18n.t('hotspot.if_wrap') }}</span>
       <Switcher :value="isTextWrap" @change="onTextWrapChange"></Switcher>
     </div>
 
@@ -96,7 +96,7 @@
         disable: !isTextWrap
       }"
     >
-      <div class="remark">每行显示</div>
+      <div class="remark">{{ $i18n.t('hotspot.text_num_per_line') }}</div>
       <div class="value-wrap">
         <input
           v-model.trim.number="textNumPerLine"
@@ -105,7 +105,7 @@
           min="1"
           :disabled="!isTextWrap"
         >
-        <span class="remark">字</span>
+        <span class="remark">{{ $i18n.t('hotspot.words') }}</span>
       </div>
     </div>
 

packages/qjkankan-editor/src/views/hotspot/hotspotIconType/serial_frame.vue

@@ -6,8 +6,8 @@
       @click="isShowSelectionWindow = true"
     >
       <img src="@/assets/images/default/hotspot_scene_add.png" alt="">
-      <div class="button-name">添加图标</div>
-      <div class="tip">最大宽度：300px，高度不限</div>
+      <div class="button-name">{{$i18n.t('hotspot.add_icon')}}</div>
+      <div class="tip">{{$i18n.t('hotspot.add_serial_frame_rule')}}</div>
     </button>
 
     <div v-if="selectedIcon" class="icon-selected">
@@ -33,13 +33,13 @@
         </button>
       </div>
       <div class="right-wrap">
-        <button class="select-icon ui-button submit" @click="isShowSelectionWindow = true">选择图标</button>
-        <div class="tip">最大宽度：300px，高度不限</div>
+        <button class="select-icon ui-button submit" @click="isShowSelectionWindow = true">{{$i18n.t('hotspot.select_icon')}}</button>
+        <div class="tip">{{$i18n.t('hotspot.add_serial_frame_rule')}}</div>
       </div>
     </div>
 
     <div class="frame-num-setting serial-setting-item">
-      <div class="remark">序列帧总帧数</div>
+      <div class="remark">{{$i18n.t('hotspot.frame_total_number')}}</div>
       <div class="right-wrap">
         <input
           v-model.trim.number="frameNumber"
@@ -48,12 +48,12 @@
           min="2"
           step="1"
         />
-        <span>帧</span>
+        <span>{{$i18n.t('common.frame')}}</span>
       </div>
     </div>
 
     <div class="duration-setting serial-setting-item">
-      <div class="remark">总播放时长</div>
+      <div class="remark">{{$i18n.t('hotspot.frame_duration')}}</div>
       <div class="right-wrap">
         <input
           v-model.trim.number="duration"
@@ -61,7 +61,7 @@
           type="number"
           min="0"
         />
-        <span>秒</span>
+        <span>{{$i18n.t('common.second')}}</span>
       </div>
     </div>