Merge pull request #322 from dataease/pr@dev@refactor_视图字段拖拽区增加placeholder

refactor: 视图字段拖拽区增加placeholder
This commit is contained in:
XiaJunjie2020 2021-07-24 10:07:03 +08:00 committed by GitHub
commit 3835fa23b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -258,7 +258,7 @@
</transition-group> </transition-group>
</draggable> </draggable>
<div v-if="!view.xaxis || view.xaxis.length === 0" class="drag-placeholder-style"> <div v-if="!view.xaxis || view.xaxis.length === 0" class="drag-placeholder-style">
<span>{{ $t('chart.placeholder_field') }}</span> <span class="drag-placeholder-style-span">{{ $t('chart.placeholder_field') }}</span>
</div> </div>
</el-row> </el-row>
<el-row class="padding-lr" style="margin-top: 6px;"> <el-row class="padding-lr" style="margin-top: 6px;">
@ -288,7 +288,7 @@
</transition-group> </transition-group>
</draggable> </draggable>
<div v-if="!view.yaxis || view.yaxis.length === 0" class="drag-placeholder-style"> <div v-if="!view.yaxis || view.yaxis.length === 0" class="drag-placeholder-style">
<span>{{ $t('chart.placeholder_field') }}</span> <span class="drag-placeholder-style-span">{{ $t('chart.placeholder_field') }}</span>
</div> </div>
</el-row> </el-row>
<el-row v-if="view.type && view.type.includes('stack')" class="padding-lr" style="margin-top: 6px;"> <el-row v-if="view.type && view.type.includes('stack')" class="padding-lr" style="margin-top: 6px;">
@ -311,7 +311,7 @@
</transition-group> </transition-group>
</draggable> </draggable>
<div v-if="!view.extStack || view.extStack.length === 0" class="drag-placeholder-style"> <div v-if="!view.extStack || view.extStack.length === 0" class="drag-placeholder-style">
<span>{{ $t('chart.placeholder_field') }}</span> <span class="drag-placeholder-style-span">{{ $t('chart.placeholder_field') }}</span>
</div> </div>
</el-row> </el-row>
<el-row class="padding-lr" style="margin-top: 6px;"> <el-row class="padding-lr" style="margin-top: 6px;">
@ -333,7 +333,7 @@
</transition-group> </transition-group>
</draggable> </draggable>
<div v-if="!view.customFilter || view.customFilter.length === 0" class="drag-placeholder-style"> <div v-if="!view.customFilter || view.customFilter.length === 0" class="drag-placeholder-style">
<span>{{ $t('chart.placeholder_field') }}</span> <span class="drag-placeholder-style-span">{{ $t('chart.placeholder_field') }}</span>
</div> </div>
</el-row> </el-row>
</el-row> </el-row>
@ -1602,6 +1602,8 @@ export default {
left: 0; left: 0;
width: 100%; width: 100%;
color: #CCCCCC; color: #CCCCCC;
text-align: center; }
.drag-placeholder-style-span{
padding-left: 16px;
} }
</style> </style>