diff --git a/app/src/main/ets/pages/Index.ets b/app/src/main/ets/pages/Index.ets
index a881336..abca558 100644
--- a/app/src/main/ets/pages/Index.ets
+++ b/app/src/main/ets/pages/Index.ets
@@ -6,6 +6,7 @@ import { BusinessError } from '@ohos.base';
 import { Log } from '@devwiki/base';
 import { BaseLocalStorage, ScreenUtil } from '@devwiki/base';
 import { HomeItem, HomeItemGroup } from '../model/Home';
+import { Context } from '@kit.AbilityKit';
 
 import('./animation/LoadingPage')
 
diff --git a/app/src/main/resources/base/element/string.json b/app/src/main/resources/base/element/string.json
index 647f36b..e1898e9 100644
--- a/app/src/main/resources/base/element/string.json
+++ b/app/src/main/resources/base/element/string.json
@@ -2,15 +2,15 @@
   "string": [
     {
       "name": "module_desc",
-      "value": "module description"
+      "value": "HM4Demo App"
     },
     {
       "name": "AppAbility_desc",
-      "value": "description"
+      "value": "HM4Demo"
     },
     {
       "name": "AppAbility_label",
-      "value": "label"
+      "value": "HM4Demo"
     }
   ]
 }
\ No newline at end of file
diff --git a/common_ui/src/main/ets/component/InputComponent.ets b/common_ui/src/main/ets/component/InputComponent.ets
index 094eae8..8a1593f 100644
--- a/common_ui/src/main/ets/component/InputComponent.ets
+++ b/common_ui/src/main/ets/component/InputComponent.ets
@@ -26,7 +26,7 @@ export struct PhoneInput {
       Row() {
         Text(this.countryCode)
           .height(44)
-        Image($r('app.media.ic_chevron_down'))
+        Image($r(`app.media.ic_chevron_down`))
           .objectFit(ImageFit.Contain)
           .width(12)
           .height(12)
@@ -55,7 +55,7 @@ export struct PhoneInput {
         })
         .width('100%')
 
-      Image($r('app.media.ic_clear_circle'))
+      Image($r(`app.media.ic_clear_circle`))
         .width(18)
         .height(18)
         .backgroundColor(Color.Green)
diff --git a/common_ui/src/main/ets/component/TitleBar.ets b/common_ui/src/main/ets/component/TitleBar.ets
index a8cf109..c384dae 100644
--- a/common_ui/src/main/ets/component/TitleBar.ets
+++ b/common_ui/src/main/ets/component/TitleBar.ets
@@ -25,11 +25,11 @@ export struct TitleBar {
   @Prop menuPadding: number = 8;
 
   @Prop leftText: ResourceStr = "";
-  @Prop leftIcon: Resource = $r("app.media.ic_chevron_left");
+  @Prop leftIcon: Resource = $r(`app.media.ic_chevron_left`);
   @Prop leftMenuType: TitleBarMenuType = TitleBarMenuType.Icon;
 
   @Prop rightText: ResourceStr = "";
-  @Prop rightIcon: Resource = $r("app.media.ic_close");
+  @Prop rightIcon: Resource = $r(`app.media.ic_close`);
   @Prop rightMenuType: TitleBarMenuType = TitleBarMenuType.None;
 
   @Prop titleTextAlign: TextAlign = TextAlign.Start;
diff --git a/common_ui/src/main/ets/utils/CommonRes.ets b/common_ui/src/main/ets/utils/CommonRes.ets
index 98028e6..83e10f4 100644
--- a/common_ui/src/main/ets/utils/CommonRes.ets
+++ b/common_ui/src/main/ets/utils/CommonRes.ets
@@ -7,27 +7,27 @@ export class CommonRes {
   }
 
   public static getIconRefresh(): Resource {
-    return $r("app.media.ic_refresh");
+    return $r(`app.media.ic_refresh`);
   }
 
   public static getIconChevronLeft(): Resource {
-    return $r("app.media.ic_chevron_left");
+    return $r(`app.media.ic_chevron_left`);
   }
 
   public static getIconChevronRight(): Resource {
-    return $r("app.media.ic_chevron_right");
+    return $r(`app.media.ic_chevron_right`);
   }
 
   public static getIconClose(): Resource {
-    return $r("app.media.ic_close");
+    return $r(`app.media.ic_close`);
   }
 
   public static getIconEyeOn(): Resource {
-    return $r("app.media.ic_eye_on");
+    return $r(`app.media.ic_eye_on`);
   }
 
   public static getIconEyeOff(): Resource {
-    return $r("app.media.ic_eye_off");
+    return $r(`app.media.ic_eye_off`);
   }
 
   public static getImage(resName: string): Resource {