|
@@ -73,6 +73,9 @@
|
|
|
</a-popover>
|
|
|
|
|
|
<!-- 打开弹窗 -->
|
|
|
+ <div class="drawer-close" v-show="visible" @click="onClose" :style="{opacity: visible? 1: 0, }">
|
|
|
+ <a-icon type="left" style="color: #8D9399;font-size: 10px" />
|
|
|
+ </div>
|
|
|
<transition name="fade">
|
|
|
<div class="drawer-model" id="drawer-model" v-show="visible">
|
|
|
<a-drawer
|
|
@@ -609,6 +612,21 @@ export default {
|
|
|
.fade-leave-to {
|
|
|
transition: all 0.3s ease;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+ .drawer-close {
|
|
|
+ width: 10px;
|
|
|
+ height: 20px;
|
|
|
+ position: absolute;
|
|
|
+ background-color: #E4E5E7;
|
|
|
+ top: 8px;
|
|
|
+ left: 350px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: opacity 0s linear 0.3s;
|
|
|
+ }
|
|
|
.drawer-model {
|
|
|
position: absolute;
|
|
|
left: 80px;
|