fix: 样式修复

This commit is contained in:
wangdan 2024-04-28 18:49:19 +08:00
parent e543acd2d1
commit a5d58b7ec7
2 changed files with 12 additions and 3 deletions

View File

@ -5,6 +5,7 @@
v-model="dialogVisible" v-model="dialogVisible"
destroy-on-close destroy-on-close
append-to-body append-to-body
align-center
> >
<div class="paragraph-source-height"> <div class="paragraph-source-height">
<el-scrollbar> <el-scrollbar>
@ -63,7 +64,7 @@
</el-dialog> </el-dialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, watch, nextTick } from 'vue' import { ref, watch, onBeforeUnmount } from 'vue'
import { cloneDeep } from 'lodash' import { cloneDeep } from 'lodash'
import { arraySort } from '@/utils/utils' import { arraySort } from '@/utils/utils'
const emit = defineEmits(['refresh']) const emit = defineEmits(['refresh'])
@ -86,12 +87,15 @@ const open = (data: any, id?: string) => {
detail.value.paragraph_list = arraySort(detail.value.paragraph_list, 'similarity', true) detail.value.paragraph_list = arraySort(detail.value.paragraph_list, 'similarity', true)
dialogVisible.value = true dialogVisible.value = true
} }
onBeforeUnmount(() => {
dialogVisible.value = false
})
defineExpose({ open }) defineExpose({ open })
</script> </script>
<style lang="scss"> <style lang="scss">
.paragraph-source { .paragraph-source {
padding: 0; padding: 0;
.el-dialog__header { .el-dialog__header {
padding: 24px 24px 0 24px; padding: 24px 24px 0 24px;
} }
@ -102,4 +106,9 @@ defineExpose({ open })
height: calc(100vh - 260px); height: calc(100vh - 260px);
} }
} }
@media only screen and (max-width: 768px) {
.paragraph-source {
width: 90% !important;
}
}
</style> </style>

View File

@ -251,7 +251,7 @@ defineExpose({ open })
padding: 0 !important; padding: 0 !important;
} }
.dialog-max-height { .dialog-max-height {
height: calc(100vh - 180px); height: 550px;
} }
.custom-slider { .custom-slider {
.el-input-number.is-without-controls .el-input__wrapper { .el-input-number.is-without-controls .el-input__wrapper {