diff --git a/entry/src/main/ets/entryability/EntryAbility.ts b/entry/src/main/ets/entryability/EntryAbility.ts
index 109578b2e117b2224013c7f862dcd08c459f3500..516a0a6ed0f2e61ee4968d313a663631e0825982 100644
--- a/entry/src/main/ets/entryability/EntryAbility.ts
+++ b/entry/src/main/ets/entryability/EntryAbility.ts
@@ -1,5 +1,5 @@
 import { UIAbility } from '@kit.AbilityKit';
-import { window } from '@kit.ArkUI';
+import { UIContext, window } from '@kit.ArkUI';
 import { hilog } from '@kit.PerformanceAnalysisKit';
 
 export default class EntryAbility extends UIAbility {
@@ -21,6 +21,8 @@ export default class EntryAbility extends UIAbility {
                 return;
             }
             hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');
+            let uiContext:  UIContext | undefined = windowStage.getMainWindowSync().getUIContext()
+            AppStorage.setOrCreate('uiContext', uiContext);
         });
     }
 
diff --git a/entry/src/main/ets/pages/IndexPage.ets b/entry/src/main/ets/pages/IndexPage.ets
index 3070f468d882445140c1e5c7c37e39ba36ffe200..3f71a046225acda7b8ed96d9f9648f16d9d98ca8 100644
--- a/entry/src/main/ets/pages/IndexPage.ets
+++ b/entry/src/main/ets/pages/IndexPage.ets
@@ -21,7 +21,7 @@ import Logger from '../common/utils/Logger';
 @Component
 struct IndexPage {
   jumpPage(url: string) {
-    router.pushUrl({ url })
+    this.getUIContext().getRouter().pushUrl({ url })
       .catch((error: Error) => {
         Logger.error(Constants.INDEX_PAGE_TAG, JSON.stringify(error));
       });
diff --git a/entry/src/main/ets/viewmodel/ConversionViewModel.ets b/entry/src/main/ets/viewmodel/ConversionViewModel.ets
index 4e902c8c64e141218cf49f0a6a13fc2add319036..3947aec7282a859043d6c486e2f16846831d6d3a 100644
--- a/entry/src/main/ets/viewmodel/ConversionViewModel.ets
+++ b/entry/src/main/ets/viewmodel/ConversionViewModel.ets
@@ -15,7 +15,7 @@
 
 import Constants from '../common/constants/Constants';
 import ConversionItem from './ConversionItem';
-
+const uiContext: UIContext | undefined = AppStorage.get('uiContext');
 class ConversionViewModel {
   /**
    * Get conversion list data on the left.
@@ -29,9 +29,9 @@ class ConversionViewModel {
 }
 
 export const CONVERSION_LIST: ConversionItem[] = [
-  new ConversionItem('vp > px', `vp2px(${Constants.VP_SIZE})`, vp2px(Constants.VP_SIZE), 'px > vp',`px2vp(${Constants.VP_SIZE})`, px2vp(Constants.VP_SIZE)),
-  new ConversionItem('fp > px',`fp2px(${Constants.VP_SIZE})`,fp2px(Constants.VP_SIZE),'px > fp',`px2fp(${Constants.VP_SIZE})`,px2fp(Constants.VP_SIZE)),
-  new ConversionItem('lpx > px',`lpx2px(${Constants.VP_SIZE})`,lpx2px(Constants.VP_SIZE),'px > lpx',`px2lpx(${Constants.VP_SIZE})`,px2lpx(Constants.VP_SIZE),$r('app.string.notice'))
+  new ConversionItem('vp > px', `vp2px(${Constants.VP_SIZE})`, uiContext!.vp2px(Constants.VP_SIZE), 'px > vp',`px2vp(${Constants.VP_SIZE})`, uiContext!.px2vp(Constants.VP_SIZE)),
+  new ConversionItem('fp > px',`fp2px(${Constants.VP_SIZE})`,uiContext!.fp2px(Constants.VP_SIZE),'px > fp',`px2fp(${Constants.VP_SIZE})`,uiContext!.px2fp(Constants.VP_SIZE)),
+  new ConversionItem('lpx > px',`lpx2px(${Constants.VP_SIZE})`,uiContext!.lpx2px(Constants.VP_SIZE),'px > lpx',`px2lpx(${Constants.VP_SIZE})`,uiContext!.px2lpx(Constants.VP_SIZE),$r('app.string.notice'))
 ]
 
 let conversionViewModel = new ConversionViewModel();