定义pictureView样式并复用

src/assets/scss/theme/dark.scss

@@ -170,7 +170,7 @@
       }
     }
   }
-  .film{
+  .pictureView{
     .body{
       background-color: var(--d-bgc-1);
       box-shadow: var(--d-bsc);

src/assets/scss/theme/green.scss

@@ -166,7 +166,7 @@
       }
     }
   }
-  .film{
+  .pictureView{
     .body{
       background-color: var(--g-bgc-1);
       box-shadow: var(--g-bsc);

src/assets/scss/theme/light.scss

@@ -166,7 +166,7 @@
       }
     }
   }
-  .film{
+  .pictureView{
     .body{
       background-color: var(--l-bgc-1);
       box-shadow: var(--l-bsc);

src/assets/scss/theme/pink.scss

@@ -165,7 +165,7 @@
       }
     }
   }
-  .film{
+  .pictureView{
     .body{
       background-color: var(--p-bgc-1);
       box-shadow: var(--p-bsc);

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>

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>

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',