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"> <span v-if="description" class="kv-description">
{{ description }} {{ description }}
</span> </span>
<draggable tag="div" :list="parameters" handle=".handle"> <draggable class="draggable-content_api" tag="div" :list="parameters" handle=".handle">
<template #item="{ element, index }"> <template #item="{ element, index }">
<div :key="index" style="margin-bottom: 16px"> <div :key="index" style="margin-bottom: 16px">
<el-row :gutter="8"> <el-row :gutter="8">
@ -249,11 +249,14 @@ const timeFunLists = [
/> />
</el-col> </el-col>
<el-col :span="1"> <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> <template #icon>
<Icon name="icon_delete-trash_outlined" <Icon><icon_deleteTrash_outlined class="svg-icon" /></Icon>
><icon_deleteTrash_outlined class="svg-icon"
/></Icon>
</template> </template>
</el-button> </el-button>
</el-col> </el-col>
@ -274,13 +277,33 @@ const timeFunLists = [
<style lang="less" scoped> <style lang="less" scoped>
.api-variable { .api-variable {
& > .ed-input, & > .ed-input,
.ed-autocomplete { :deep(.ed-autocomplete) {
width: 100%; width: 100%;
} }
.drag { .drag {
margin-top: 10px; margin-top: 10px;
cursor: pointer; 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 { .kv-description {
font-size: 13px; font-size: 13px;