<template>
	<div class="mui-content  fyy-newui">
		<div class="mui-popup mui-popup-in" v-if="bannerTipsVisible">
			<div class="">
				<div class="mui-popup-title">
					<img :src="bannerTipsPicUrl" width="100%">

				</div>

			</div>
			<div class=""  v-if="bannerTipsActivity">
				<img :src="bannerTipsActivity.contentUrl"  v-if="bannerTipsActivity.contentUrl" @click="gotTo" width="50%"/>
			</div>
			<a class="fyy-over mui-icon " @click="bannerTipsHide">
				<img src="~$project/assets/img/close.png" width="36px">
			</a>
		</div>
		<div class="mui-popup-backdrop mui-active" v-if="bannerTipsVisible" ></div>
	</div>
</template>

<script>
	//import * as API_activityApi from '@/apis/activityApi'

	import {
		mapGetters,
		mapMutations
	} from 'vuex'
	export default {
		name: 'Vip',
		props: {
			bannerTipsVisible: {
				require: false,
				default: false,
			},
			bannerTipsPicUrl: {
				require: false,
				default: '',
			},

			bannerTipsActivity: {
				require: false,
				default: null,
			},

		},

		methods: {
			//跳转vip
			gotTo() {
				var linkUrl= this.bannerTipsActivity.linkUrl;
				var linkType= this.bannerTipsActivity.linkType;

				if( linkType=='1'){
				
				}else{
					this.mui.toast(this.bannerTipsActivity.buttonName);
				}
				this.$emit('bannerTipsHide');
			},
			bannerTipsHide(){
				this.$emit('bannerTipsHide');
			},
		},
		mounted() {


		},
		computed: {

		}
	}
</script>

<!-- <style src="@/assets/css/app.css"></style>
 -->
 <style scoped>
	.mui-popup-inner {
		background-color: #333;
		padding: 20px 15px 15px
	}

	.mui-popup-title {
		color: #cfac7e;
		font-size: 24px;
		padding-top: 15px;
	}

	.mui-popup-title h2 {
		margin-top: 15px
	}

	.mui-popup-text {
		color: #cfac7e;
		padding-top: 15px;
	}

	.mui-popup-text p {
		font-size: 18px;
		margin-bottom: 10px;
		color: #cfac7e;
	}

	.mui-popup-text h2 {
		margin-bottom: 10px;
		font-size: 24px;
	}

	.mui-popup-buttons {
		background: #333;
		height: 70px;
	}

	.mui-popup-button {
		background: none;
		border: 1px solid #cfac7e;
		margin: 0 15px;
		border-radius: 5px !important;
		color: #cfac7e
	}
	
	.fyy-over {
	
		right: 0;
		top: 0;
		color: #515151;
		font-size: 36px;
	}
</style>
