|  | @@ -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;
 | 
	
		
			
				|  |  |  	}
 |