fix: 修复模型设置滚动条问题

This commit is contained in:
wangdan-fit2cloud 2024-08-15 10:09:42 +08:00
parent da1037d27d
commit c2bffb934e

View File

@ -3,31 +3,38 @@
<div class="template-manage flex main-calc-height"> <div class="template-manage flex main-calc-height">
<div class="template-manage__left p-8 border-r"> <div class="template-manage__left p-8 border-r">
<h4 class="p-16" style="padding-bottom: 8px">供应商</h4> <h4 class="p-16" style="padding-bottom: 8px">供应商</h4>
<el-scrollbar> <div class="model-list-height-left">
<common-list <el-scrollbar>
:data="provider_list" <common-list
v-loading="loading" :data="provider_list"
@click="clickListHandle" v-loading="loading"
value-key="provider" @click="clickListHandle"
default-active="" value-key="provider"
style="overflow-y: auto" default-active=""
> style="overflow-y: auto"
<template #default="{ row, index }"> >
<div class="flex" v-if="index === 0"> <template #default="{ row, index }">
<AppIcon <div class="flex" v-if="index === 0">
class="mr-8" <AppIcon
style="height: 20px; width: 20px" class="mr-8"
:iconName="active_provider === row ? 'app-all-menu-active' : 'app-all-menu'" style="height: 20px; width: 20px"
></AppIcon> :iconName="active_provider === row ? 'app-all-menu-active' : 'app-all-menu'"
<span>全部模型</span> ></AppIcon>
</div> <span>全部模型</span>
<div class="flex" v-else> </div>
<span :innerHTML="row.icon" alt="" style="height: 20px; width: 20px" class="mr-8" /> <div class="flex" v-else>
<span>{{ row.name }}</span> <span
</div> :innerHTML="row.icon"
</template> alt=""
</common-list> style="height: 20px; width: 20px"
</el-scrollbar> class="mr-8"
/>
<span>{{ row.name }}</span>
</div>
</template>
</common-list>
</el-scrollbar>
</div>
</div> </div>
<div class="template-manage__right w-full" v-loading="list_model_loading"> <div class="template-manage__right w-full" v-loading="list_model_loading">
<div class="p-24 pb-0"> <div class="p-24 pb-0">
@ -166,5 +173,8 @@ onMounted(() => {
.model-list-height { .model-list-height {
height: calc(var(--create-dataset-height) - 70px); height: calc(var(--create-dataset-height) - 70px);
} }
.model-list-height-left {
height: calc(var(--create-dataset-height));
}
} }
</style> </style>