fix:修复live2d报错，去掉了模型自带的切换按钮

kanoqwq · Oct 31, 2024 · b0a27f2 · b0a27f2
1 parent 2ee90b4
commit b0a27f2
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 17 deletions.
diff --git a/src/components/Live2D/Live2DSettings.vue b/src/components/Live2D/Live2DSettings.vue
@@ -6,7 +6,8 @@
         v-for="(item, index) in l2DList"
         :key="item"
         @click="selected(index)"
-        :class="{ active: item.active }">
+        :class="{ active: item.active }"
+      >
         {{ item.message }}
       </li>
     </ul>
@@ -17,18 +18,18 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted, nextTick } from 'vue';
-import useStore from '@/store';
-import { Toast } from '../Toast';
-import Button from '../Button/Button.vue';
+import { ref, onMounted, nextTick } from "vue";
+import useStore from "@/store";
+import { Toast } from "../Toast";
+import Button from "../Button/Button.vue";
 const l2DList = ref<any>({});
 const selectedIndex = ref<number>(0);
 const Configs = useStore.Configs();
 const scrollList = ref();
 const getL2DList = async () => {
   try {
     let { messages } = await (
-      await fetch('./assets/Live2d/model_list.json')
+      await fetch("./assets/Live2d/model_list.json")
     ).json();
 
     l2DList.value = messages.map((item: any) => ({
@@ -38,10 +39,10 @@ const getL2DList = async () => {
     l2DList.value[Configs.modId].active = true;
   } catch {
     Toast({
-      value: '获取Live2d列表失败',
-      color: 'yellow',
+      value: "获取Live2d列表失败",
+      color: "yellow",
       duration: 2000,
-      background: '#00000099',
+      background: "#00000099",
     });
   }
 };
@@ -63,9 +64,9 @@ const save = () => {
   Configs.setModelId(selectedIndex.value);
   Toast({
     value: `保存成功！1秒后自动刷新页面！`,
-    color: 'green',
+    color: "green",
     duration: 1000,
-    background: '#00000099',
+    background: "#00000099",
     success() {
       location.reload();
     },
@@ -76,11 +77,14 @@ onMounted(() => {
   getL2DList().then(() => {
     nextTick(() => {
       setTimeout(() => {
-        scrollList.value.children && scrollList.value.children[Configs.modId].scrollIntoView({
-          behavior: 'smooth',
-          block: 'start',
-          inline: 'nearest',
-        });
+        try {
+          scrollList.value.children &&
+            scrollList.value.children[Configs.modId].scrollIntoView({
+              behavior: "smooth",
+              block: "start",
+              inline: "nearest",
+            });
+        } catch {}
       }, 300);
     });
   });

diff --git a/src/components/Live2D/index.vue b/src/components/Live2D/index.vue
@@ -55,7 +55,6 @@ onMounted(() => {
                     tools: !isMobile() ? [
                         "hitokoto",
                         "asteroids",
-                        "switch-model",
                         "switch-texture",
                         "photo",
                         "info",