diff --git a/en/application-dev/quick-start/module-configuration-file.md b/en/application-dev/quick-start/module-configuration-file.md
index 5fe815d3e9df1e60501504dab5b38f3b860e9b93..b6e4a864d4dce6a991c6aa148fc7e45cf5bf002a 100644
--- a/en/application-dev/quick-start/module-configuration-file.md
+++ b/en/application-dev/quick-start/module-configuration-file.md
@@ -238,7 +238,7 @@ The **abilities** tag represents the UIAbility configuration of the module, whic
| description | Description of the UIAbility component. The value is a string with a maximum of 255 bytes or a resource index to the description in multiple languages.| String| Yes (initial value: left empty)|
| icon | Icon of the UIAbility component. The value is an icon resource index.| String| Yes (initial value: left empty)
If **UIAbility** is set to **MainElement**, this attribute is mandatory.|
| label | Name of the UIAbility component displayed to users. The value is a string resource index.| String| Yes (initial value: left empty)
If **UIAbility** is set to **MainElement**, this attribute is mandatory.|
-| permissions | Permissions required for another application to access the UIAbility component.
The value is an array of permission names predefined by the system, generally in the reverse domain name notation. It contains a maximum of 255 bytes.| String array| Yes (initial value: left empty)|
+| permissions | Permissions required for another application to access the UIAbility component.
The value is generally in the reverse domain name notation and contains a maximum of 255 bytes. It is an array of predefined permission names.| String array| Yes (initial value: left empty)|
| [metadata](#metadata)| Metadata information of the UIAbility component.| Object array| Yes (initial value: left empty)|
| exported | Whether the UIAbility component can be called by other applications.
- **true**: The UIAbility component can be called by other applications.
- **false**: The UIAbility component cannot be called by other applications.| Boolean| Yes (initial value: **false**)|
| continuable | Whether the UIAbility component can be [migrated](../application-models/hop-cross-device-migration.md).
- **true**: The UIAbility component can be migrated.
- **false**: The UIAbility component cannot be migrated.| Boolean| Yes (initial value: **false**)|
@@ -377,7 +377,7 @@ The **extensionAbilities** tag represents the configuration of extensionAbilitie
| icon | Icon of the ExtensionAbility component. The value is an icon resource index. If **ExtensionAbility** is set to **MainElement** of the current module, this attribute is mandatory and its value must be unique in the application.| String| Yes (initial value: left empty)|
| label | Name of the ExtensionAbility component displayed to users. The value is a string resource index.
**NOTE**
If **ExtensionAbility** is set to **MainElement** of the current module, this attribute is mandatory and its value must be unique in the application.| String| No|
| type | Type of the ExtensionAbility component. The options are as follows:
- **form**: ExtensionAbility of a widget.
- **workScheduler**: ExtensionAbility of a Work Scheduler task.
- **inputMethod**: ExtensionAbility of an input method.
- **service**: service component running in the background.
- **accessibility**: ExtensionAbility of an accessibility feature.
- **dataShare**: ExtensionAbility for data sharing.
- **fileShare**: ExtensionAbility for file sharing.
- **staticSubscriber**: ExtensionAbility for static broadcast.
- **wallpaper**: ExtensionAbility of the wallpaper.
- **backup**: ExtensionAbility for data backup.
- **window**: ExtensionAbility of a window. This type of ExtensionAbility creates a window during startup for which you can develop the GUI. The window is then combined with other application windows through **abilityComponent**.
- **thumbnail**: ExtensionAbility for obtaining file thumbnails. You can provide thumbnails for files of customized file types.
- **preview**: ExtensionAbility for preview. This type of ExtensionAbility can parse the file and display it in a window. You can combine the window with other application windows.
- **print**: ExtensionAbility for the print framework.
- **push**: ExtensionAbility to be pushed.
- **driver**: ExtensionAbility for the driver framework.
**NOTE**
The **service** and **dataShare** types apply only to system applications and do not take effect for third-party applications.| String| No|
-| permissions | Permissions required for another application to access the ExtensionAbility component.
The value is generally in the reverse domain name notation and contains a maximum of 255 bytes. It is an array of permission names predefined by the system or customized. The name of a customized permission must be the same as the **name** value of a permission defined in the **defPermissions** attribute.| String array| Yes (initial value: left empty)|
+| permissions | Permissions required for another application to access the ExtensionAbility component.
The value is generally in the reverse domain name notation and contains a maximum of 255 bytes. It is an array of [predefined permission names](../security/permission-list.md).| String array| Yes (initial value: left empty)|
| uri | Data URI provided by the ExtensionAbility component. The value is a string with a maximum of 255 bytes, in the reverse domain name notation.
**NOTE**
This attribute is mandatory when the type of the ExtensionAbility component is set to **dataShare**.| String| Yes (initial value: left empty)|
|skills | Feature set of [wants](../application-models/want-overview.md) that can be received by the ExtensionAbility component.
Configuration rule: In an entry package, you can configure multiple **skills** attributes with the entry capability. (A **skills** attribute with the entry capability is the one that has **ohos.want.action.home** and **entity.system.home** configured.) The **label** and **icon** in the first ExtensionAbility that has **skills** configured are used as the **label** and **icon** of the entire OpenHarmony service/application.
**NOTE**
The **skills** attribute with the entry capability can be configured for the feature package of an OpenHarmony application, but not for an OpenHarmony service.| Array| Yes (initial value: left empty)|
| [metadata](#metadata)| Metadata of the ExtensionAbility component.| Object| Yes (initial value: left empty)|
diff --git a/en/application-dev/reference/arkui-js-lite/figures/image-animator.gif b/en/application-dev/reference/arkui-js-lite/figures/image-animator-lite.gif
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/image-animator.gif
rename to en/application-dev/reference/arkui-js-lite/figures/image-animator-lite.gif
diff --git a/en/application-dev/reference/arkui-js-lite/figures/image.png b/en/application-dev/reference/arkui-js-lite/figures/image-lite.png
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/image.png
rename to en/application-dev/reference/arkui-js-lite/figures/image-lite.png
diff --git a/en/application-dev/reference/arkui-js-lite/figures/list.png b/en/application-dev/reference/arkui-js-lite/figures/list-lite.png
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/list.png
rename to en/application-dev/reference/arkui-js-lite/figures/list-lite.png
diff --git a/en/application-dev/reference/arkui-js-lite/figures/marquee.gif b/en/application-dev/reference/arkui-js-lite/figures/marquee-lite.gif
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/marquee.gif
rename to en/application-dev/reference/arkui-js-lite/figures/marquee-lite.gif
diff --git a/en/application-dev/reference/arkui-js-lite/figures/picker-view.png b/en/application-dev/reference/arkui-js-lite/figures/picker-view-lite.png
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/picker-view.png
rename to en/application-dev/reference/arkui-js-lite/figures/picker-view-lite.png
diff --git a/en/application-dev/reference/arkui-js-lite/figures/progress.png b/en/application-dev/reference/arkui-js-lite/figures/progress-lite.png
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/progress.png
rename to en/application-dev/reference/arkui-js-lite/figures/progress-lite.png
diff --git a/en/application-dev/reference/arkui-js-lite/figures/qrcode.gif b/en/application-dev/reference/arkui-js-lite/figures/qrcode-lite.gif
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/qrcode.gif
rename to en/application-dev/reference/arkui-js-lite/figures/qrcode-lite.gif
diff --git a/en/application-dev/reference/arkui-js-lite/figures/slider.png b/en/application-dev/reference/arkui-js-lite/figures/slider-lite.png
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/slider.png
rename to en/application-dev/reference/arkui-js-lite/figures/slider-lite.png
diff --git a/en/application-dev/reference/arkui-js-lite/figures/swiper.gif b/en/application-dev/reference/arkui-js-lite/figures/swiper-lite.gif
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/swiper.gif
rename to en/application-dev/reference/arkui-js-lite/figures/swiper-lite.gif
diff --git a/en/application-dev/reference/arkui-js-lite/figures/switch.gif b/en/application-dev/reference/arkui-js-lite/figures/switch-lite.gif
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/switch.gif
rename to en/application-dev/reference/arkui-js-lite/figures/switch-lite.gif
diff --git a/en/application-dev/reference/arkui-js-lite/figures/text.png b/en/application-dev/reference/arkui-js-lite/figures/text-lite.png
similarity index 100%
rename from en/application-dev/reference/arkui-js-lite/figures/text.png
rename to en/application-dev/reference/arkui-js-lite/figures/text-lite.png
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-image-animator.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-image-animator.md
index 226eff9f6c284140b5c671d2135dbe212b609590..4e6246baade4ed2f36f84cedec94425a0e1e85e9 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-basic-image-animator.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-image-animator.md
@@ -204,4 +204,4 @@ export default {
};
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-image.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-image.md
index 9dd520dcdeed71f6de216e8d5337d54aec33668d..d62d0f7d8188886ec3ca42e593029e763ed32e78 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-basic-image.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-image.md
@@ -71,4 +71,4 @@ Not supported
}
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-marquee.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-marquee.md
index 8ecc7a2e41d301f03540320244425beacc39a884..7a0734964a217b089cb46e68ef75fb0db2671f49 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-basic-marquee.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-marquee.md
@@ -115,4 +115,4 @@ export default {
}
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-picker-view.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-picker-view.md
index e9dacebc6c419bfaeca6c8aac9c1001e0725bd1f..44d4107f34e8d264488715b1dbe6e607819250fb 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-basic-picker-view.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-picker-view.md
@@ -142,4 +142,4 @@ export default {
}
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-progress.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-progress.md
index 740bc136bc0a506cc6f28f883424fb2a62b15504..adc01e07389af27a21701566e8a1197dae9c0ea1 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-basic-progress.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-progress.md
@@ -122,4 +122,4 @@ export default {
}
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-qrcode.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-qrcode.md
index 16ef26d1b4263b0217c9fedfc8f04016fe7175db..84bbace4425c18e8ccabd8ee757f8c2fbfb3eb60 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-basic-qrcode.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-qrcode.md
@@ -122,4 +122,4 @@ export default {
}
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-slider.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-slider.md
index 14a1804c4b47d769b5020fb820ac768a3f434316..1094ed2aa76bb9edf7ed234c1a70d58a91081653 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-basic-slider.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-slider.md
@@ -99,4 +99,4 @@ export default {
}
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-switch.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-switch.md
index 42b4bddc549dcda654c2925d164e2eada3190910..a38365449f66b5c8ff0ba124d6d04ea469d8139e 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-basic-switch.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-switch.md
@@ -96,4 +96,4 @@ export default {
}
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-basic-text.md b/en/application-dev/reference/arkui-js-lite/js-components-basic-text.md
index e5eab00c2eb0434932a0400d87f87f413d47c8ce..473bba31e3ac94bcafe904eeccaa6bc3721db566 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-basic-text.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-basic-text.md
@@ -96,4 +96,4 @@ export default {
}
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-container-list.md b/en/application-dev/reference/arkui-js-lite/js-components-container-list.md
index 6c256285ccf9894184218e179efd96089289d61d..e147741964843365863eaa99a312630e3a440504 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-container-list.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-container-list.md
@@ -120,4 +120,4 @@ export default {
}
```
-
+
diff --git a/en/application-dev/reference/arkui-js-lite/js-components-container-swiper.md b/en/application-dev/reference/arkui-js-lite/js-components-container-swiper.md
index 34ad83a37b8d907b886427b183e99f4666e28327..ba9297bd4aebf8b8f9a2f3b95fb801bde9c1b8e2 100644
--- a/en/application-dev/reference/arkui-js-lite/js-components-container-swiper.md
+++ b/en/application-dev/reference/arkui-js-lite/js-components-container-swiper.md
@@ -109,4 +109,4 @@ export default {
}
```
-
+
diff --git a/en/application-dev/ui/figures/relative-layout.png b/en/application-dev/ui/figures/relative-layout.png
index a790ca8d5e78d1f659b61175a4e2d424522dec51..c1e98364d71fe4e6774e80af7be5ef959f9f7d68 100644
Binary files a/en/application-dev/ui/figures/relative-layout.png and b/en/application-dev/ui/figures/relative-layout.png differ