diff --git a/web/src/assets/providers/siliconflow.png b/web/src/assets/providers/siliconflow.png index d54921c6..bc8db4aa 100644 Binary files a/web/src/assets/providers/siliconflow.png and b/web/src/assets/providers/siliconflow.png differ diff --git a/web/src/views/SettingView.vue b/web/src/views/SettingView.vue index f3c493e4..57171bf7 100644 --- a/web/src/views/SettingView.vue +++ b/web/src/views/SettingView.vue @@ -164,7 +164,7 @@

{{ modelNames[item].name }}

- 更多模型 +

{{ modelNames[item].name }}

- 更多模型 +
@@ -270,8 +270,11 @@ const notModelKeys = computed(() => { return Object.keys(modelStatus.value || {}).filter(key => !modelStatus.value?.[key]) }) -// 模型展开状态管理 -const expandedModels = reactive({}) +// 模型展开状态管理,默认展开 +const expandedModels = reactive(modelKeys.value.reduce((acc, key) => { + acc[key] = true + return acc +}, {})) const generateRandomHash = (length) => { let chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'; @@ -517,12 +520,14 @@ const sendRestart = () => { padding: 12px; .card-header { display: flex; - align-items: flex-start; + align-items: center; gap: 10px; .model-title-container { display: flex; - flex-direction: column; + flex-direction: row; + align-items: center; + gap: 10px; flex: 1; } @@ -533,8 +538,9 @@ const sendRestart = () => { } .model-icon { - width: 40px; - height: 40px; + width: 28px; + height: 28px; + // 灰度 filter: grayscale(100%); img { @@ -610,7 +616,7 @@ const sendRestart = () => { .icon-wrapper { display: inline-flex; - transition: transform 0.5s ease; + transition: transform 0.2s ease; &.rotated { transform: rotate(180deg); @@ -622,10 +628,10 @@ const sendRestart = () => { .card-body-wrapper { max-height: 0; overflow: hidden; - transition: max-height 0.5s ease-in-out; + transition: max-height 0.2s ease-out; // 先快后慢 &.expanded { - max-height: 500px; /* 设置一个足够大的值 */ + max-height: 700px; /* 设置一个足够大的值 */ } }