github/dataease
github/dataease
3
0
Fork 1
mirror of https://github.com/dataease/dataease.git synced 2025-02-24 11:32:57 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(数据源): 样式优化

Browse Source
This commit is contained in:
dataeaseShu 2024-12-05 15:41:05 +08:00
parent 4a3f3aa483
commit 68ead5d5d2
1 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
core/core-frontend/src/views/visualized/data/datasource/form/ApiVariable.vue
View File

@ -139,7 +139,7 @@ const timeFunLists = [
<span v-if="description" class="kv-description">
{{ description }}
</span>
<draggable tag="div" :list="parameters" handle=".handle">
<draggable class="draggable-content_api" tag="div" :list="parameters" handle=".handle">
<template #item="{ element, index }">
<div :key="index" style="margin-bottom: 16px">
<el-row :gutter="8">
@ -249,11 +249,14 @@ const timeFunLists = [
/>
</el-col>
<el-col :span="1">
<el-button text :disabled="isDisable() || isReadOnly" @click="remove(index)">
<el-button
class="api-variable_del"
text
:disabled="isDisable() || isReadOnly"
@click="remove(index)"
>
<template #icon>
<Icon name="icon_delete-trash_outlined"
><icon_deleteTrash_outlined class="svg-icon"
/></Icon>
<Icon><icon_deleteTrash_outlined class="svg-icon" /></Icon>
</template>
</el-button>
</el-col>
@ -274,13 +277,33 @@ const timeFunLists = [
<style lang="less" scoped>
.api-variable {
& > .ed-input,
.ed-autocomplete {
:deep(.ed-autocomplete) {
width: 100%;
}
.drag {
margin-top: 10px;
cursor: pointer;
}
:deep(.draggable-content_api) > :last-child {
margin-bottom: 0 !important;
}
.api-variable_del {
color: #646a73;
:deep(.ed-icon) {
font-size: 16px;
}
&:hover {
background: rgba(31, 35, 41, 0.1) !important;
}
&:focus {
background: rgba(31, 35, 41, 0.1) !important;
}
&:active {
background: rgba(31, 35, 41, 0.2) !important;
}
}
}
.kv-description {
font-size: 13px;