update

packages/qjkankan-editor/src/lang/index.js

@@ -18,6 +18,8 @@ if (!lang) {
     }
 }
 
+document.documentElement.setAttribute('lang', lang);
+
 const i18n = new VueI18n({
     locale: lang,
     messages: {

packages/qjkankan-editor/src/views/base/customButtonSettings.vue

@@ -81,7 +81,7 @@
           <span class="item-name">{{
             $i18n.t(`edit_settings.button_type`)
           }}</span>
-          <div style="margin-left: 16px">
+          <div style="margin-left: 16px" class="item-value">
             {{ getButtonTypeI18n(item.type) }}
           </div>
         </div>
@@ -89,13 +89,13 @@
           <span class="item-name">{{
             $i18n.t(`edit_settings.button_name`)
           }}</span>
-          <div style="margin-left: 16px">
+          <div style="margin-left: 16px" class="item-value">
             {{ item.name }}
           </div>
         </div>
         <div class="edit-content-item">
           <span class="item-name">{{ buttonValueTips[index] }}</span>
-          <div style="margin-left: 16px">
+          <div style="margin-left: 16px" class="item-value">
             {{ item.value }}
           </div>
         </div>
@@ -103,7 +103,7 @@
           <span class="item-name">{{
             $i18n.t("edit_settings.button_open_method")
           }}</span>
-          <div style="margin-left: 16px">
+          <div style="margin-left: 16px" class="item-value">
             {{ getCurrentOpenMethodButton(item.openMethod).label }}
           </div>
         </div>
@@ -115,7 +115,7 @@
         <div class="ui-message-header">
           <span>{{ $i18n.t("edit_settings.custom_button") }}</span>
           <span @click="isEditing = false">
-            <i class="iconfont icon-close"></i>
+            <i class="iconfont icon_close"></i>
           </span>
         </div>
 
@@ -550,6 +550,17 @@ export default {
           margin-left: 16px;
           font-size: 14px;
           color: rgba(255, 255, 255, 0.5);
+          min-width: 60px;
+          &:lang(en) {
+            min-width: 100px;
+          }
+        }
+
+        > .item-value {
+          word-wrap: break-word;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          margin-right: 16px;
         }
 
         > .selector {