fix slidergroup

src/pages/browse.vue

@@ -15,7 +15,7 @@ const titles: { [key: string]: any } = {
   douban: {
     movies: '最新电影',
     tvs: '最新电视剧',
-    tv_weekly_chinese: '国产剧集榜',
+    tv_weekly_chinese: '华语剧集榜',
     tv_weekly_global: '全球剧集榜',
   },
 };

src/views/discover/MediaCardSlideView.vue

@@ -32,6 +32,13 @@ onMounted(fetchData);
   <VSlideGroup
   show-arrows=false
   >
+    <template #prev>
+      <VBtn
+        class="rounded-circle shadow-none"
+        icon="mdi-chevron-left"
+        color="grey"
+      />
+    </template>
     <VSlideGroupItem v-for="data in dataList" 
       :key="data.tmdb_id"
     >
@@ -39,6 +46,13 @@ onMounted(fetchData);
         :media="data"
       />
     </VSlideGroupItem>
+    <template #next>
+      <VBtn
+        class="rounded-circle shadow-none"
+        icon="mdi-chevron-right"
+        color="grey"
+      />
+    </template>
   </VSlideGroup>
 </template>
 
@@ -48,4 +62,18 @@ onMounted(fetchData);
 
   @apply m-2;
 }
+
+.v-slide-group__prev {
+  @apply absolute right-11;
+
+  z-index: 3;
+  margin-block-start: -40px;
+}
+
+.v-slide-group__next {
+  @apply absolute right-1;
+
+  z-index: 3;
+  margin-block-start: -40px;
+}
 </style>