github
/
variant-form
mirror of https://github.com/vform666/variant-form
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

空状态体验优化

pull/22/head
Mercutio 2023-04-11 10:53:59 +08:00
parent 4f169ba9ab
commit 335efd27c6
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/form-designer/setting-panel/index.vue
View File

@ -61,6 +61,14 @@
</el-form> </el-form>
</template> </template>
<template v-if="!(!!designer.selectedWidget && !designer.selectedWidget.category) && !(!!designer.selectedWidget && !!designer.selectedWidget.category)">
<!-- <div class="empty" style="padding-top:40px;display:flex;font-size:small;color:gray;align-items:center;justify-content:center;">
未选择组件
</div> -->
<el-empty description="未选择组件"></el-empty>
</template>
</el-scrollbar> </el-scrollbar>
</el-tab-pane> </el-tab-pane>
@ -307,6 +315,20 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.panel-container { .panel-container {
// padding: 0 8px; // padding: 0 8px;
::v-deep .el-tabs__nav {
// margin-left: 20px;
margin: 0;
width: 100%;
box-sizing: border-box;
display: flex;
}
::v-deep .el-tabs__item{
// padding: 0 10px;
padding: 0;
width: calc(100% / 2);
display: flex;
justify-content: center;
}
::v-deep .el-tabs__header { ::v-deep .el-tabs__header {
padding: 0 10px; padding: 0 10px;
margin: 0; margin: 0;