diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 0136ecf2..6ba4e1af 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -289,7 +289,8 @@ function genComponentSidebar(type = '') {
     '/guide/components/notes.md',
     '/guide/components/information.md',
     '/guide/components/update.md',
-    '/guide/components/translation.md'
+    '/guide/components/translation.md',
+    '/guide/components/zoom-in.md'
   ]
   return mapArr.map(i => {
     return type + i
diff --git a/docs/.vuepress/public/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif b/docs/.vuepress/public/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif
new file mode 100644
index 00000000..e2e5c2a3
Binary files /dev/null and b/docs/.vuepress/public/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif differ
diff --git a/docs/.vuepress/public/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif b/docs/.vuepress/public/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif
new file mode 100644
index 00000000..91309700
Binary files /dev/null and b/docs/.vuepress/public/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif differ
diff --git a/docs/.vuepress/public/images/components/zoom-in/ui-version-zoom-in.png b/docs/.vuepress/public/images/components/zoom-in/ui-version-zoom-in.png
new file mode 100644
index 00000000..73a02446
Binary files /dev/null and b/docs/.vuepress/public/images/components/zoom-in/ui-version-zoom-in.png differ
diff --git a/docs/.vuepress/public/images/components/zoom-in/zk-desktop-version-zoom-in.png b/docs/.vuepress/public/images/components/zoom-in/zk-desktop-version-zoom-in.png
new file mode 100644
index 00000000..087a8679
Binary files /dev/null and b/docs/.vuepress/public/images/components/zoom-in/zk-desktop-version-zoom-in.png differ
diff --git a/docs/es/guide/components/information.md b/docs/es/guide/components/information.md
index 361ee1d0..16f0093c 100644
--- a/docs/es/guide/components/information.md
+++ b/docs/es/guide/components/information.md
@@ -35,11 +35,11 @@ Por defecto, el componente contiene la información en el siguiente orden
 
 En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Información**", para visualizar la información del campo.
 
-![Cómo se utiliza en la versión de Escritorio]('/images/components/information/how-to-use-it-in-the-desktop-version.gif' "Cómo se utiliza en la versión de Escritorio")
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## ¿Cómo se utiliza en la versión móvil?
 
 En la versión móvil se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Información**", para visualizar la información del campo.
 
-![Cómo se utiliza en la versión móvil]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "Cómo se utiliza en la versión móvil")
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />
 
diff --git a/docs/es/guide/components/notes.md b/docs/es/guide/components/notes.md
index 6a50b8d6..bdcd5252 100644
--- a/docs/es/guide/components/notes.md
+++ b/docs/es/guide/components/notes.md
@@ -34,7 +34,7 @@ En la versión de escritorio se hace clic sobre el icono "**i**" para visualizar
 
 ### Crear Notas
 
-![Cómo crear notas en la versión de Escritorio]('/images/components/notes/create-notes-in-desktop-version.gif' "Cómo crear notas en la versión de Escritorio")
+<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
 
 ## ¿Cómo se utiliza en la versión móvil?
 
@@ -42,7 +42,7 @@ En la versión móvil se debe posicionar en la parte inferior de la ventana para
 
 ### Crear Notas
 
-![Cómo crear notas en la versión móvil]('/images/components/notes/create-notes-in-the-mobile-version.gif' "Cómo crear notas en la versión móvil")
+<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif" />
 
 
 ## Opciones para el Desarrollador
diff --git a/docs/es/guide/components/translation.md b/docs/es/guide/components/translation.md
index 463c86c2..91d82712 100644
--- a/docs/es/guide/components/translation.md
+++ b/docs/es/guide/components/translation.md
@@ -28,13 +28,13 @@ Este componente reemplaza la pestaña "**Traducción**" que contienen algunas ve
 
 En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Idioma**", para visualizar la información del campo con su respectiva traducción.
 
-![Cómo se utiliza en la versión de Escritorio]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "Cómo se utiliza en la versión de Escritorio")
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## ¿Cómo se utiliza en la versión móvil?
 
 En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Idioma**", para visualizar la información del campo con su respectiva traducción.
 
-![Cómo se utiliza en la versión móvil]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "Cómo se utiliza en la versión móvil")
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
 
 ## Opciones para el Desarrollador
 
diff --git a/docs/es/guide/components/update.md b/docs/es/guide/components/update.md
index bb40c209..fcd966c3 100644
--- a/docs/es/guide/components/update.md
+++ b/docs/es/guide/components/update.md
@@ -30,4 +30,4 @@ Cuando se realiza una búsqueda de los registros que contiene una determinada ve
 
 Hacer clic contrario sobre el nombre de la ventana y seleccionar la opción "**Actualizar**" en el menú desplegado.
 
-![Cómo se utiliza en la versión de Escritorio]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "Cómo se utiliza en la versión de Escritorio")
+<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />
diff --git a/docs/es/guide/components/zoom-in.md b/docs/es/guide/components/zoom-in.md
new file mode 100644
index 00000000..e093e2ad
--- /dev/null
+++ b/docs/es/guide/components/zoom-in.md
@@ -0,0 +1,40 @@
+# Acercar
+
+Permite acceder de manera rápida a un registro determinado en una ventana.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/zoom-in/zk-desktop-version-zoom-in.png')" alt="Acercar en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/zoom-in/ui-version-zoom-in.png')" alt="Acercar en Versión Móvil y de Escritorio" width="800px">
+
+Al seleccionar la opción "**Acercar**" en un campo de tipo selección, se abre la ventana donde se encuentra dicho registro.
+
+## ¿Dónde se ubica?
+
+Se ubica en los diferentes campos de tipo selección que son cargados en otra ventana.
+
+## ¿Para qué sirve?
+
+Sirve para acceder a una ventana de manera rápida y consultar la información del campo.
+
+## Funciones u Observaciones
+
+::: tip
+Se puede acercar el registro de una ventana directamente desde un campo.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Acercar**", para visualizar el registro en la ventana donde fue cargado o creado el mismo.
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif')" />
+
+## ¿Cómo se utiliza en la versión móvil?
+
+En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Acercar**", para visualizar el registro en la ventana donde fue cargado o creado el mismo.
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif')" />
+
diff --git a/docs/guide/components/information.md b/docs/guide/components/information.md
index 52d27cf2..1f234d47 100644
--- a/docs/guide/components/information.md
+++ b/docs/guide/components/information.md
@@ -35,10 +35,10 @@ By default, the component contains the information in the following order
 
 In the desktop version, click on the field to view the menu displayed by it, then select the option "**Information**" to view the field information.
 
-![How to use it in the Desktop version]('/images/components/information/how-to-use-it-in-the-desktop-version.gif' "How to use it in the Desktop version")
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## How is it used in the mobile version?
 
 In the mobile version, click on the field to view the menu displayed by it, then select the option "**Information**" to view the information of the field.
 
-![How to use it in the mobile version]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "How to use it in the mobile version")
\ No newline at end of file
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />
\ No newline at end of file
diff --git a/docs/guide/components/notes.md b/docs/guide/components/notes.md
index 7639f6d4..995849ce 100644
--- a/docs/guide/components/notes.md
+++ b/docs/guide/components/notes.md
@@ -34,7 +34,7 @@ In the desktop version, click on the "**i**" icon to view the menu displayed by
 
 ### Create Notes
 
-![How to create notes in Desktop version]('/images/components/notes/create-notes-in-desktop-version.gif' "How to create notes in Desktop version")
+<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
 
 ## How is it used in the mobile version?
 
@@ -42,7 +42,7 @@ In the mobile version, it must be positioned at the bottom of the window to view
 
 ### Create Notes
 
-![How to create notes in the mobile version]('/images/components/notes/create-notes-in-the-mobile-version.gif' "How to create notes in the mobile version")
+<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif')" />
 
 ## Developer Options
 
diff --git a/docs/guide/components/translation.md b/docs/guide/components/translation.md
index d28ebe9f..6c2d4ce2 100644
--- a/docs/guide/components/translation.md
+++ b/docs/guide/components/translation.md
@@ -21,19 +21,21 @@ It is used to establish the translation of the value entered in a specific field
 ## Functions or Observations
 
 ::: tip
-This component replaces the "** Translation **" tab that some ADempiere-ZK windows contain.
+This component replaces the "**Translation**" tab that some ADempiere-ZK windows contain.
 :::
 
 ## How is it used in the Desktop version?
 
 In the desktop version, click on the field to view the menu displayed by it, then select the option "**Language**", to view the information of the field with its respective translation.
 
-![How to use it in the Desktop version]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "How to use it in the Desktop version")
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## How is it used in the mobile version?
 
 In the desktop version, click on the field to view the menu displayed by it, then select the option "**Language**", to view the information of the field with its respective translation.
 
+
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
 ![How to use it in the mobile version]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "How to use it in the mobile version")
 
 ## Developer Options
@@ -64,3 +66,4 @@ The **Translation** service consumption call can be found in the following path:
 
 The called services of the component are <br>
 [GET adempiere-api/ui/getTranslations]()<br>
+
diff --git a/docs/guide/components/update.md b/docs/guide/components/update.md
index 9130b320..6d415f5c 100644
--- a/docs/guide/components/update.md
+++ b/docs/guide/components/update.md
@@ -30,4 +30,4 @@ When a search is made for the records contained in a certain window, filtering b
 
 Click on the name of the window and select the option "**Update**" in the displayed menu.
 
-![How to use it in the Desktop version]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "How to use it in the Desktop version")
+<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />
diff --git a/docs/guide/components/zoom-in.md b/docs/guide/components/zoom-in.md
new file mode 100644
index 00000000..7a7d477b
--- /dev/null
+++ b/docs/guide/components/zoom-in.md
@@ -0,0 +1,39 @@
+# Zoom in
+
+Allows quick access to a specific record in a window.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/zoom-in/zk-desktop-version-zoom-in.png')" alt="Zoom in on ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/zoom-in/ui-version-zoom-in.png')" alt="Zoom in on Mobile and Desktop Version" width="800px">
+
+When selecting the option "**Zoom in**" in a selection type field, the window where said record is located opens.
+
+## Where it is located?
+
+It is located in the different fields of the selection type that are loaded in another window.
+
+## What is it for?
+
+It is used to access a window quickly and consult the field information.
+
+## Functions or Observations
+
+::: tip
+You can zoom in on a window record directly from a field.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click on the field to view the menu displayed by it, then select the option "**Zoom in**" to view the record in the window where it was loaded or created.
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif')" />
+
+## How is it used in the mobile version?
+
+In the desktop version, click on the field to view the menu displayed by it, then select the option "**Zoom in**" to view the record in the window where it was loaded or created.
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif')" />
diff --git a/docs/zh/guide/components/information.md b/docs/zh/guide/components/information.md
index 9f671aff..f1265f66 100644
--- a/docs/zh/guide/components/information.md
+++ b/docs/zh/guide/components/information.md
@@ -25,20 +25,20 @@
 ::: tip
 默認情況下，組件按以下順序包含信息
 
-  -欄位名稱
+  - 欄位名稱
   - 描述
   - 幫助
-  -放大選項（取決於字段類型）
+  - 放大選項（取決於字段類型）
 :::
 
 ## 在桌面版中如何使用？
 
 在桌面版本中，單擊字段以查看其顯示的菜單，然後選擇選項 "**信息**" 以查看字段信息。
 
-![如何在桌面版本中使用它]('/images/components/information/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版本中使用它")
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## 在移動版本中如何使用？
 
 在移動版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 "**信息**" 以查看該字段的信息。
 
-![如何在移動版本中使用它]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "如何在移動版本中使用它")
\ No newline at end of file
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />
\ No newline at end of file
diff --git a/docs/zh/guide/components/notes.md b/docs/zh/guide/components/notes.md
index b9205470..7a17006f 100644
--- a/docs/zh/guide/components/notes.md
+++ b/docs/zh/guide/components/notes.md
@@ -34,15 +34,14 @@
 
 ### 創建筆記
 
-![如何在桌面版本中創建筆記]('/images/components/notes/create-notes-in-desktop-version.gif' "如何在桌面版本中創建筆記")
+<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
 
 ## 在移動版本中如何使用？
 
 在移動版本中，它必須位於窗口底部才能查看選項 “**筆記**” 和 “**活動**”, 然後在左側的框中輸入信息。左側框中輸入的信息會自動應用在右側框中，並採用格式。
 
 ### 創建筆記
-
-![如何在移動版本中創建註釋]('/images/components/notes/create-notes-in-the-mobile-version.gif' "如何在移動版本中創建註釋")
+<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif')" />
 
 ## 开发者选项
 
@@ -70,4 +69,4 @@
 从该组件中调用的服务有  <br>
 [POST /adempiere-api/logs/list-entity-chat](https://adempiere.github.io/proxy-adempiere-api/guide/es/default-modules/adempiere-api/user-log.html#post-adempiere-api-logs-list-entity-chats)<br>
 [POST /adempiere-api/logs/list-chat-entries](https://adempiere.github.io/proxy-adempiere-api/guide/es/default-modules/adempiere-api/user-log.html#post-adempiere-api-logs-list-chat-entries)<br>
-[POST /adempiere-api/ui/create-chat-entry](https://adempiere.github.io/proxy-adempiere-api/guide/es)
\ No newline at end of file
+[POST /adempiere-api/ui/create-chat-entry](https://adempiere.github.io/proxy-adempiere-api/guide/es)
diff --git a/docs/zh/guide/components/preference.md b/docs/zh/guide/components/preference.md
index 34e220d5..37496c22 100644
--- a/docs/zh/guide/components/preference.md
+++ b/docs/zh/guide/components/preference.md
@@ -2,10 +2,10 @@
 
 允許您默認設置寄存器的值，可以通過以下操作完成：
 
-  -**檢查公司**：設置所有公司的值
-  -**檢查組織**：設置所有組織的值
-  -**檢查用戶**：設置所有用戶的值
-  -**檢查窗口**：設置所有窗口的值
+  - **檢查公司**：設置所有公司的值
+  - **檢查組織**：設置所有組織的值
+  - **檢查用戶**：設置所有用戶的值
+  - **檢查窗口**：設置所有窗口的值
 
 ## ADempiere-ZK版本
 
@@ -34,7 +34,7 @@
 ::: tip
 默認情況下，該字段包含首選項設置
 
-  -**對於本公司的所有組織，此用戶和此窗口**
+  - **對於本公司的所有組織，此用戶和此窗口**
 :::
 
 ## 在桌面版中如何使用？
diff --git a/docs/zh/guide/components/record-access.md b/docs/zh/guide/components/record-access.md
index 5bee798c..fc38e4cc 100644
--- a/docs/zh/guide/components/record-access.md
+++ b/docs/zh/guide/components/record-access.md
@@ -1,15 +1,15 @@
-＃訪問記錄
+# 訪問記錄
 
 允許您基於以下參數配置每個角色對特定記錄或視圖的訪問權限：
 
-  -**可用角色**：ADempiere中創建了所有角色，這些角色沒有定位的註冊表的任何配置
-  -**配置的角色**：有些角色將具有對特定記錄的訪問或阻止的配置，這些訪問或
+  - **可用角色**：ADempiere中創建了所有角色，這些角色沒有定位的註冊表的任何配置
+  - **配置的角色**：有些角色將具有對特定記錄的訪問或阻止的配置，這些訪問或
   鎖取決於以下選項：
-    -阻止：選中此選項後，將阻止角色訪問和查看註冊表，啟用此選項將啟用以下選項：
+    - 阻止：選中此選項後，將阻止角色訪問和查看註冊表，啟用此選項將啟用以下選項：
          -從屬實體：選中此選項只會使一個記錄處於活動狀態，而依賴於該記錄的其他記錄會阻止它們
-    -解鎖：選中此選項可啟用或激活記錄的可視化，啟用此選項後，將啟用以下選項：
-      -只讀：您可以在讀取模式下查看（無法編輯或創建）與角色關聯的記錄
-      -可編輯：您可以以讀寫模式查看（可以編輯或創建）
+    - 解鎖：選中此選項可啟用或激活記錄的可視化，啟用此選項後，將啟用以下選項：
+      - 只讀：您可以在讀取模式下查看（無法編輯或創建）與角色關聯的記錄
+      - 可編輯：您可以以讀寫模式查看（可以編輯或創建）
       
 ## ADempiere-ZK版本
    
@@ -26,24 +26,24 @@
 
 需要訪問兩種類型的文檔，一種是讀和寫的，另一種是只讀的，並阻止另一種類型的文檔的視圖
   
-  -要對文檔進行讀寫訪問：文檔類型必須位於ADempiere中，轉到“訪問註冊表”操作，找到角色，然後轉到“配置的角色”部分，選擇“取消阻止”選項，然後選擇“可編輯的“
+  - 要對文檔進行讀寫訪問：文檔類型必須位於ADempiere中，轉到“訪問註冊表”操作，找到角色，然後轉到“配置的角色”部分，選擇“取消阻止”選項，然後選擇“可編輯的“
   
-  -要僅訪問文檔，請執行以下操作：文檔類型必須位於ADempiere中，轉到操作“訪問註冊表”，找到該角色，然後轉到“配置的角色”部分，選擇選項“取消阻止”和“僅”閱讀“
-  -阻止文檔：ADempiere必須找到文檔的類型，轉到“訪問註冊表”操作，找到該角色，然後轉到“已配置角色”部分，然後選擇“阻止”選項
+  - 要僅訪問文檔，請執行以下操作：文檔類型必須位於ADempiere中，轉到操作“訪問註冊表”，找到該角色，然後轉到“配置的角色”部分，選擇選項“取消阻止”和“僅”閱讀“
+  - 阻止文檔：ADempiere必須找到文檔的類型，轉到“訪問註冊表”操作，找到該角色，然後轉到“已配置角色”部分，然後選擇“阻止”選項
   
-##它在哪裡？
+## 它在哪裡？
 
 該操作位於“操作”菜單中的那些窗口中
 
 <img :src="$withBase('/images/components/record-access/ad-vue-location-access-to-registration.png')" alt="Acceso a Registro ADempiere-Vue Escritorio" width="800px">
 
-##是做什麼用的？
+## 是做什麼用的？
 
 它用於配置特定註冊表中角色的訪問和鎖定
 
-##功能或觀察
--功能：配置角色以提供訪問權限或阻止記錄
--觀察：它僅適用於寄存器和角色，即，如果您要配置一個或多個寄存器，則它們必須一個接一個地執行
+## 功能或觀察
+- 功能：配置角色以提供訪問權限或阻止記錄
+- 觀察：它僅適用於寄存器和角色，即，如果您要配置一個或多個寄存器，則它們必須一個接一個地執行
   
 ## 开发者选项
 
diff --git a/docs/zh/guide/components/translation.md b/docs/zh/guide/components/translation.md
index 72d02d6a..8100fd9b 100644
--- a/docs/zh/guide/components/translation.md
+++ b/docs/zh/guide/components/translation.md
@@ -28,12 +28,14 @@
 
 在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**語言**”，以查看該字段的信息及其相應的翻譯。
 
-![如何在桌面版中使用它]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版中使用它")
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## 在移動版本中如何使用？
 
 在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**語言**”，以查看該字段的信息及其相應的翻譯。
 
+
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
 ![如何在移動版本中使用它]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "如何在移動版本中使用它")
 
 ## 开发者选项
@@ -64,3 +66,4 @@
 
 该组件的调用服务是<br>
 [GET adempier-api/ui/getTranslations]()<br>
+
diff --git a/docs/zh/guide/components/update.md b/docs/zh/guide/components/update.md
index 0229ab41..6393a5e3 100644
--- a/docs/zh/guide/components/update.md
+++ b/docs/zh/guide/components/update.md
@@ -28,6 +28,6 @@
 
 ## 在桌面版中如何使用？
 
-單擊窗口名稱，然後在顯示的菜單中選擇選項“ **更新**”。
+單擊窗口名稱，然後在顯示的菜單中選擇選項 “**更新**”。
 
-![如何在桌面版本中使用它]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版本中使用它")
+<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />
diff --git a/docs/zh/guide/components/zoom-in.md b/docs/zh/guide/components/zoom-in.md
new file mode 100644
index 00000000..e9a3135e
--- /dev/null
+++ b/docs/zh/guide/components/zoom-in.md
@@ -0,0 +1,40 @@
+# 放大
+
+允許快速訪問窗口中的特定記錄。
+
+## ADempiere-ZK版本
+
+<img :src="$withBase('/images/components/zoom-in/zk-desktop-version-zoom-in.png')" alt="在ZK桌面版本上放大" width="800px">
+
+## ADempiere-Vue版本
+
+<img :src="$withBase('/images/components/zoom-in/ui-version-zoom-in.png')" alt="在移動和桌面版本上放大" width="800px">
+
+
+在選擇類型字段中選擇 “**放大**” 選項時，將打開該記錄所在的窗口。
+
+## 它在哪裡？
+
+它位於另一個窗口中加載的選擇類型的不同字段中。
+
+## 是做什麼用的？
+
+它用於快速訪問窗口並查詢字段信息。
+
+## 功能或觀察
+
+::: tip
+您可以直接從字段中放大窗口記錄。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**放大**” 以在加載或創建該記錄的窗口中查看該記錄。
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**放大**” 以在加載或創建該記錄的窗口中查看該記錄。
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif')" />