|
|
@@ -1,7 +1,7 @@
|
|
|
<!--
|
|
|
* @Author: your name
|
|
|
* @Date: 2022-01-17 10:39:22
|
|
|
- * @LastEditTime: 2022-06-23 13:59:49
|
|
|
+ * @LastEditTime: 2022-06-23 17:11:18
|
|
|
* @LastEditors: your name
|
|
|
* @Description: 航班视图
|
|
|
-->
|
|
|
@@ -349,6 +349,8 @@
|
|
|
:class="{ 'active': dragActive }"
|
|
|
>
|
|
|
<i class="drag-icon el-icon-d-caret" />
|
|
|
+ <!-- <i class="drag-icon el-icon-caret-top" />
|
|
|
+ <i class="drag-icon el-icon-caret-bottom" /> -->
|
|
|
<div
|
|
|
class="drag-line"
|
|
|
:style="dragLineStyle"
|
|
|
@@ -1025,35 +1027,45 @@ export default {
|
|
|
bottom: 0;
|
|
|
.drag-box {
|
|
|
position: absolute;
|
|
|
- top: 52px;
|
|
|
+ top: 0;
|
|
|
width: 100%;
|
|
|
- height: 20px;
|
|
|
- cursor: n-resize;
|
|
|
+ height: 62px;
|
|
|
+ // cursor: row-resize;
|
|
|
.drag-icon {
|
|
|
- display: none;
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
- line-height: 14px;
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
position: absolute;
|
|
|
z-index: 101;
|
|
|
- top: 4px;
|
|
|
- left: 0;
|
|
|
+ top: 0;
|
|
|
right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
margin: auto;
|
|
|
- font-size: 12px;
|
|
|
+ font-size: 40px;
|
|
|
text-align: center;
|
|
|
- border-radius: 50%;
|
|
|
- border: 1px solid;
|
|
|
- background: #ffffff;
|
|
|
+ // background: #385086;
|
|
|
+ color: #ffffff;
|
|
|
+ // &:nth-child(1) {
|
|
|
+ // top: 0;
|
|
|
+ // border-radius: 0 0 8px 8px;
|
|
|
+ // }
|
|
|
+ // &:nth-child(2) {
|
|
|
+ // bottom: 0;
|
|
|
+ // border-radius: 8px 8px 0 0;
|
|
|
+ // }
|
|
|
}
|
|
|
- &:hover .drag-icon {
|
|
|
- display: block;
|
|
|
+ &:hover,
|
|
|
+ &.active {
|
|
|
+ .drag-icon {
|
|
|
+ color: #2d67e3;
|
|
|
+ }
|
|
|
}
|
|
|
.drag-line {
|
|
|
display: none;
|
|
|
width: 100%;
|
|
|
- height: 50%;
|
|
|
- border-bottom: 1px dashed #000000;
|
|
|
+ height: 0;
|
|
|
+ border-top: 1px dashed #000000;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
z-index: 101;
|
|
|
@@ -1069,6 +1081,7 @@ export default {
|
|
|
justify-content: flex-end;
|
|
|
align-items: center;
|
|
|
background: #dfe3ea;
|
|
|
+ z-index: 102;
|
|
|
.search {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
@@ -1079,6 +1092,7 @@ export default {
|
|
|
height: 30px;
|
|
|
}
|
|
|
.btn-square {
|
|
|
+ z-index: inherit;
|
|
|
margin-left: 20px;
|
|
|
&:last-child {
|
|
|
margin-right: 30px;
|
