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

fix: 样式优化

Browse Source
This commit is contained in:
dataeaseShu 2025-01-07 14:03:24 +08:00 committed by xuwei-fit2cloud
parent 9d718f3f39
commit 6c201054aa
3 changed files with 32 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
core/core-frontend/src/views/share/share/TicketEdit.vue
View File

@ -287,8 +287,12 @@ defineExpose({
<div class="args-line" v-for="(row, index) in state.argList" :key="index"> <div class="args-line" v-for="(row, index) in state.argList" :key="index">
<el-input v-model="row['name']" :placeholder="t('visualization.input_param_name')" /> <el-input v-model="row['name']" :placeholder="t('visualization.input_param_name')" />
<el-input v-model="row['val']" :placeholder="t('link_ticket.arg_val_tips')" /> <el-input v-model="row['val']" :placeholder="t('link_ticket.arg_val_tips')" />
<div class="arg-del-btn" @click.stop="delArgRow(index)"> <div
<Icon name="icon_delete-trash_outlined"> :style="{ opacity: state.argList.length !== 1 ? 1 : 0 }"
class="arg-del-btn"
@click.stop="delArgRow(index)"
>
<Icon>
<icon_deleteTrash_outlined class="svg-icon" /> <icon_deleteTrash_outlined class="svg-icon" />
</Icon> </Icon>
</div> </div>

42
core/core-frontend/src/views/visualized/data/datasource/form/ApiKeyValue.vue
View File

@ -117,7 +117,7 @@ const timeFunLists = [
<template> <template>
<div class="api-key-value"> <div class="api-key-value">
<draggable tag="div" :list="items" handle=".handle"> <draggable tag="div" :list="items" handle=".handle" class="draggable-content_api">
<template #item="{ element, index }"> <template #item="{ element, index }">
<div style="margin-bottom: 16px"> <div style="margin-bottom: 16px">
<el-row :gutter="8"> <el-row :gutter="8">
@ -243,7 +243,7 @@ const timeFunLists = [
</template> </template>
</draggable> </draggable>
<el-button @click="change" text> <el-button style="margin-top: 14px" @click="change" text>
<template #icon> <template #icon>
<icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></icon> <icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></icon>
</template> </template>
@ -252,31 +252,35 @@ const timeFunLists = [
</div> </div>
</template> </template>
<style lang="less"> <style lang="less" scoped>
.api-variable_del {
.ed-icon {
color: #646a73;
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;
}
}
.api-key-value { .api-key-value {
& > .ed-input, & > .ed-input,
.ed-autocomplete { .ed-autocomplete {
width: 100%; width: 100%;
} }
.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;
}
}
.drag { .drag {
margin-top: 10px; margin-top: 10px;
cursor: pointer; cursor: pointer;
} }
:deep(.draggable-content_api) > :last-child {
margin-bottom: 0 !important;
}
} }
</style> </style>

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

@ -337,25 +337,8 @@ const timeFunLists = [
background: rgba(31, 35, 41, 0.2) !important; background: rgba(31, 35, 41, 0.2) !important;
} }
} }
} .kv-description {
.kv-description { font-size: 13px;
font-size: 13px; }
}
.kv-row {
margin-top: 10px;
}
.kv-checkbox {
width: 20px;
margin-right: 10px;
}
.kv-delete {
width: 60px;
}
.ed-autocomplete {
width: 100%;
} }
</style> </style>