|
@@ -75,18 +75,17 @@
|
|
|
type: String,
|
|
|
default: ""
|
|
|
},
|
|
|
- longheader:{//是否是长背景图
|
|
|
+ longheader: { //是否是长背景图
|
|
|
type: String,
|
|
|
- default:0
|
|
|
+ default: 0
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
closebasicLayer() {
|
|
|
- console.log("animationClass",this.animationClass)
|
|
|
-
|
|
|
+ console.log("animationClass", this.animationClass)
|
|
|
+
|
|
|
let style = document.styleSheets[0];
|
|
|
- if(this.animationClass==="slide-right")
|
|
|
- {
|
|
|
+ if (this.animationClass === "slide-right") {
|
|
|
style.insertRule(
|
|
|
"@keyframes move-right {0% {opacity: 1;transform: translateX(-100%)}100% {opacity: 1;transform: translateX(0%)}}",
|
|
|
10);
|
|
@@ -100,23 +99,25 @@
|
|
|
popup.style.animation = 'slide-right 0.4s linear'
|
|
|
this.isshow = false
|
|
|
}, 400)
|
|
|
- }else if(this.animationClass==="fadein-left")
|
|
|
- {
|
|
|
+ } else if (this.animationClass === "fadein-left") {
|
|
|
style.insertRule(
|
|
|
- "@keyframes move-right {0% {opacity: 1;transform: translateX(-100%)}100% {opacity: 1;transform: translateX(0%)}}",
|
|
|
- 10);
|
|
|
+ "@keyframes move-rightL {0% {opacity: 1;transform: translateX(0%)}100% {opacity: 1;transform: translateX(-100%)}}",
|
|
|
+ 8);
|
|
|
style.insertRule(
|
|
|
"@keyframes slide-right {0% {opacity: 1;transform: translateX(100%)}100% {opacity: 1;transform: translateX(0%)}}",
|
|
|
- 11);
|
|
|
+ 9);
|
|
|
+ style.insertRule(
|
|
|
+ "@keyframes slide-left {0% {opacity: 1;transform: translateX(-100%)}100% {opacity: 1;transform: translateX(0%)}}",
|
|
|
+ 10);
|
|
|
let popup = this.$refs.popup
|
|
|
- popup.style.right = '-400rem'
|
|
|
- popup.style.animation = 'move-right 0.4s linear';
|
|
|
+ // popup.style.left = '-400rem'
|
|
|
+ popup.style.animation = 'move-rightL 0.4s linear';
|
|
|
setTimeout(res => {
|
|
|
- popup.style.animation = 'slide-right 0.4s linear'
|
|
|
+ popup.style.animation = 'slide-left 0.4s linear'
|
|
|
this.isshow = false
|
|
|
}, 400)
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
if (this.isEmit) {
|
|
|
this.$emit('closeJTPopup');
|
|
|
}
|
|
@@ -168,13 +169,17 @@
|
|
|
display: flex;
|
|
|
text-align: left;
|
|
|
|
|
|
+ i:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
|
|
|
span {
|
|
|
font-family: "TTTGB-Medium", sans-serif !important;
|
|
|
font-size: 20rem;
|
|
|
flex: 15;
|
|
|
}
|
|
|
- i:hover{
|
|
|
+
|
|
|
+ i:hover {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
@@ -277,8 +282,8 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .long{
|
|
|
+
|
|
|
+ .long {
|
|
|
background: url('@/assets/images/longheader.png') no-repeat !important;
|
|
|
background-size: 100% 100% !important;
|
|
|
}
|