github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 16:22:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 处理 deep 失效的问题

Browse Source
This commit is contained in:
奔跑的面条 2023-02-24 21:34:15 +08:00
parent b3bff2ee45
commit 125856677a
2 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/chart/ContentConfigurations/components/CanvasPage/index.vue
View File

@ -22,7 +22,7 @@
</n-form-item> </n-form-item>
</n-form> </n-form>
<n-card class="upload-box"> <div class="upload-box">
<n-upload <n-upload
v-model:file-list="uploadFileListRef" v-model:file-list="uploadFileListRef"
:show-file-list="false" :show-file-list="false"
@ -39,7 +39,7 @@
</div> </div>
</n-upload-dragger> </n-upload-dragger>
</n-upload> </n-upload>
</n-card> </div>
<n-space vertical :size="12"> <n-space vertical :size="12">
<n-space> <n-space>
<n-text>背景颜色</n-text> <n-text>背景颜色</n-text>
@ -294,13 +294,10 @@ $uploadHeight: 193px;
cursor: pointer; cursor: pointer;
margin-bottom: 20px; margin-bottom: 20px;
@include deep() { @include deep() {
.n-card__content {
padding: 0;
overflow: hidden;
}
.n-upload-dragger { .n-upload-dragger {
padding: 5px; padding: 5px;
width: $uploadWidth; width: $uploadWidth;
background-color: rgba(0, 0, 0, 0);
} }
} }
.upload-show { .upload-show {
@ -331,8 +328,8 @@ $uploadHeight: 193px;
padding-right: 2.25em; padding-right: 2.25em;
} }
.select-preview-icon { .select-preview-icon {
padding-right: .68em; padding-right: 0.68em;
padding-left: .68em; padding-left: 0.68em;
} }
.tabs-box { .tabs-box {
margin-top: 20px; margin-top: 20px;

10
src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataPond/components/ChartDataPondList/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="go-chart-data-pond-list"> <div class="go-chart-data-pond-list">
<n-timeline style="width: 20px"> <n-timeline class="pond-item-timeline" style="width: 20px">
<n-timeline-item type="info"> </n-timeline-item> <n-timeline-item type="info"> </n-timeline-item>
<n-timeline-item type="success"></n-timeline-item> <n-timeline-item type="success"></n-timeline-item>
</n-timeline> </n-timeline>
@ -115,11 +115,9 @@ $textSize: 10px;
padding-bottom: 5px; padding-bottom: 5px;
margin-right: 5px; margin-right: 5px;
display: flex; display: flex;
@include deep() { .pond-item-timeline > .n-timeline-item {
.n-timeline > .n-timeline-item { &:first-child {
&:first-child { height: $height;
height: $height;
}
} }
} }
.pond-item-box { .pond-item-box {