diff --git a/data/Preferences/entry/src/main/ets/common/ThemeDesktop.ets b/data/Preferences/entry/src/main/ets/common/ThemeDesktop.ets
index 355ee44b95dd338ad9228f6006666e69a8d1da36..7bba891ed81a1088d47135f8ecc8ff09ea0a29b8 100644
--- a/data/Preferences/entry/src/main/ets/common/ThemeDesktop.ets
+++ b/data/Preferences/entry/src/main/ets/common/ThemeDesktop.ets
@@ -15,13 +15,15 @@
 
 import { MyDataSource } from '../util/DataSource'
 
+class arrayType {
+  image: Resource | null = null;
+  name: string = '';
+}
+
 @Component
 export default struct ThemeDesktop {
-  @Link themeDatas: Array<{
-    image: Resource,
-    name: string
-  }>
-  @State default: any[] = [
+  @Link themeDatas: Array<arrayType>
+  @State default: Array<arrayType> = [
     { image: $r('app.media.dialer'), name: '电话' },
     { image: $r('app.media.shopping'), name: '商城' },
     { image: $r('app.media.notes'), name: '备忘录' },
@@ -34,10 +36,10 @@ export default struct ThemeDesktop {
 
   build() {
     Grid() {
-      ForEach(this.themeDatas, (item) => {
+      ForEach(this.themeDatas, (item: arrayType) => {
         GridItem() {
           Column() {
-            Image(item.image)
+            Image(item.image!)
               .width(70)
               .height(70)
               .objectFit(ImageFit.Fill)