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 @@ ...@@ -320,11 +320,13 @@
320 <span style="font-size: 12px; transform: scale(0.8); margin-top: 2px;">启用</span> 320 <span style="font-size: 12px; transform: scale(0.8); margin-top: 2px;">启用</span>
321 </div> 321 </div>
322 </el-tooltip> --> 322 </el-tooltip> -->
323 - <div style="position: absolute; top: 15px; right: 160px; width: 80px;"> 323 + <div class="toolbar-buttons">
324 - <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> 324 + <div class="save-wrapper">
325 - </div> 325 + <div class="button-item" @click="saveData">保存</div>
326 - <div style="position: absolute; top: 15px; right: 260px; width: 80px;"> 326 + </div>
327 - <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> 327 + <div class="preview-wrapper">
328 + <div class="button-item" @click="openPreview">预览测试</div>
329 + </div>
328 </div> 330 </div>
329 <div class="select-version-wrapper"> 331 <div class="select-version-wrapper">
330 <el-dropdown trigger="click"> 332 <el-dropdown trigger="click">
...@@ -2693,4 +2695,30 @@ body { ...@@ -2693,4 +2695,30 @@ body {
2693 .el-drawer__header { 2695 .el-drawer__header {
2694 margin-bottom: 0!important; 2696 margin-bottom: 0!important;
2695 } 2697 }
2698 +
2699 +.toolbar-buttons {
2700 + .save-wrapper {
2701 + position: absolute;
2702 + top: 15px;
2703 + right: 160px;
2704 + width: 80px;
2705 + }
2706 + .preview-wrapper {
2707 + position: absolute;
2708 + top: 15px;
2709 + right: 260px;
2710 + width: 80px;
2711 + }
2712 + .button-item {
2713 + border: 1px solid #009688;
2714 + width: 100%;
2715 + height: 25px;
2716 + border-radius: 5px;
2717 + background-color: #009688;
2718 + color: #fff;
2719 + text-align: center;
2720 + line-height: 25px;
2721 + cursor: pointer;
2722 + }
2723 +}
2696 </style> 2724 </style>
......