From 6461f5659505768e7a90594c3aab47f90d9ee213 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Mon, 22 Aug 2022 00:37:40 +0800
Subject: [PATCH] 弹窗添加可移动
---
src/App.vue | 18 ++++++++++++++----
1 files changed, 14 insertions(+), 4 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 421793e..e827779 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -20,6 +20,15 @@
<style lang="less">
+ body {
+ background: #f0f2f5;
+ }
+
+ .ant-modal-header {
+ //ant 弹窗移动样式
+ cursor: move;
+ }
+
#app {
// overflow: auto;
// border: none;
@@ -48,11 +57,11 @@
margin-top: 20px;
margin-bottom: 20px;
}
-
+
a {
position: relative;
}
-
+
a:hover:after {
left: 0;
width: 100%;
@@ -62,7 +71,7 @@
-o-transition: width 350ms;
transition: width 350ms;
}
-
+
a:after {
position: absolute;
bottom: -0.0625rem;
@@ -76,11 +85,12 @@
-o-transition: width 350ms, left 350ms;
transition: width 350ms, left 350ms;
}
+
.fade-enter-active,
.fade-leave-active {
transition: opacity .5s;
}
-
+
.fade-enter,
.fade-leave-to {
opacity: 0;
--
Gitblit v1.9.1