Hooke / vue-flow-editor

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
981e2e2e 1 parent 7741fbd7

fix

Inline Side-by-side
Showing 1 changed file with 33 additions and 5 deletions
......@@ -320,11 +320,13 @@
<span style="font-size: 12px; transform: scale(0.8); margin-top: 2px;">启用</span>
</div>
</el-tooltip> -->
<div style="position: absolute; top: 15px; right: 160px; width: 80px;">
<div @click="saveData" style="border: 1px solid #009688; width: 100%; height: 25px; border-radius: 5px; background-color: #009688; color: #fff; text-align: center; line-height: 25px; cursor: pointer;">保存</div>
</div>
<div style="position: absolute; top: 15px; right: 260px; width: 80px;">
<div @click="openPreview" style="border: 1px solid #009688; width: 100%; height: 25px; border-radius: 5px; background-color: #009688; color: #fff; text-align: center; line-height: 25px; cursor: pointer;">测试</div>
<div class="toolbar-buttons">
<div class="save-wrapper">
<div class="button-item" @click="saveData">保存</div>
</div>
<div class="preview-wrapper">
<div class="button-item" @click="openPreview">预览测试</div>
</div>
</div>
<div class="select-version-wrapper">
<el-dropdown trigger="click">
......@@ -2693,4 +2695,30 @@ body {
.el-drawer__header {
margin-bottom: 0!important;
}
.toolbar-buttons {
.save-wrapper {
position: absolute;
top: 15px;
right: 160px;
width: 80px;
}
.preview-wrapper {
position: absolute;
top: 15px;
right: 260px;
width: 80px;
}
.button-item {
border: 1px solid #009688;
width: 100%;
height: 25px;
border-radius: 5px;
background-color: #009688;
color: #fff;
text-align: center;
line-height: 25px;
cursor: pointer;
}
}
</style>
......