diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index 32e10d7..1161b45 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -170,7 +170,7 @@
       }
     }
   }
-  .film{
+  .pictureView{
     .body{
       background-color: var(--d-bgc-1);
       box-shadow: var(--d-bsc);
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index d486c09..ef2515a 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -166,7 +166,7 @@
       }
     }
   }
-  .film{
+  .pictureView{
     .body{
       background-color: var(--g-bgc-1);
       box-shadow: var(--g-bsc);
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 46ff1eb..4ea943c 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -166,7 +166,7 @@
       }
     }
   }
-  .film{
+  .pictureView{
     .body{
       background-color: var(--l-bgc-1);
       box-shadow: var(--l-bsc);
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 34b75b2..0973bec 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -165,7 +165,7 @@
       }
     }
   }
-  .film{
+  .pictureView{
     .body{
       background-color: var(--p-bgc-1);
       box-shadow: var(--p-bsc);
diff --git a/src/components/Film.vue b/src/components/Film.vue
index 3db3368..8f0c55b 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="film">
+  <div class="film pictureView">
     <div class="header">
       <div class="zy-select" @mouseleave="show.site = false">
         <div class="vs-placeholder" @click="show.site = true">{{site.name}}</div>
diff --git a/src/components/Star.vue b/src/components/Star.vue
index 75b21ae..124f9b5 100644
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="listpage star film">
+  <div class="listpage star pictureView">
     <div class="listpage-content">
       <div class="listpage-header">
         <el-switch v-model="viewMode" active-text="海报" active-value="picture" inactive-text="列表" inactive-value="list" @change="updateViewMode"></el-switch>
diff --git a/src/lib/dexie/dexie.js b/src/lib/dexie/dexie.js
index c9c114f..4f1c515 100644
--- a/src/lib/dexie/dexie.js
+++ b/src/lib/dexie/dexie.js
@@ -6,7 +6,7 @@ const db = new Dexie('zy')
 db.version(4).stores({
   search: '++id, keywords',
   iptvSearch: '++id, keywords',
-  setting: 'id, theme, site, shortcut, view, externalPlayer, searchAllSites, excludeRootClasses, excludeR18Films, forwardTimeInSec',
+  setting: 'id, theme, site, shortcut, view, externalPlayer, searchAllSites, excludeRootClasses, excludeR18Films, forwardTimeInSec, starViewMode',
   shortcut: 'name, key, desc',
   star: '++id, [key+ids], site, name, detail, index, rate, hasUpdate',
   sites: '++id, key, name, api, download, isActive, group',