<template>
	<!-- 欢迎回来页面 -->
	<!--  -->
	<view class="prizemodel">
		<!--  -->
		<uni-popup :show="showtip" type="center" :mask-click="true" @change="change">
			
			<view class="tipboxs" @tap="cancel">
				<view class="heads">
					<!-- 顶部背景图 -->
					<image class="headimg" src="/static/news/helloword.png " mode="widthFix"></image>
					
					<view class="centerBox">
						<image class="isusertx" :src="staticurl+userInfo.logo" mode=""></image>
						 <view class="shopnames">{{userInfo.shop_name}}</view>
						 <view class="shopnames2">恭喜发财 财源广进</view>
						 
						 <image src="../../static/news/yanhua.png" mode="widthFix" style="width: 113upx;position: absolute;bottom: 0;left: -60upx;height: 100upx;"></image>
						 <image src="../../static/news/yanhua.png" style="width: 94upx;position: absolute;right:-60upx;top:110upx;height:84upx;"></image>
					</view>
				</view>
				<image class="Closeicon" src="/static/news/Closeico21.png" mode=""></image>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	export default{
		//props:["title","content"],
		props:{
			//开奖人数
			shuliang:{
				type:String,
				default:"0",
			}
		},
		name:"Welcome",
		components:{
			uniPopup,
		},
		data(){
			return{
				showtip:false,
				
			}
		},
		//计算属性
		computed:{
			userInfo(){
				return this.$store.state.userInfo;
			},
			staticurl(){
				return this.$store.state.staticUrl;
			}
		},
		methods:{
			cancel(type) {//关闭
				this.showtip = false;
			},
			//提示弹窗
			change(e) {
				if (!e.show) {
					this.showtip = false
				}
			},
			show(){
				this.showtip = true;
			},
			//确认发布点击
			confirm(){
				this.showtip = false;
				this.$emit("fromSubmitfun",{});//触发回调方法
			}
		}
	}
</script>

<style lang="scss">
	$wid:600upx;
	$hei:584upx;
	.prizemodel{
		// width: $wid;
		// height: $hei;
	}
	.tipboxs{
		width: $wid;
		height: $hei;
		background: #fff;
		border-radius: 10upx;
		position: relative;
		.Closeicon{
			width: 80upx;
			height: 80upx;
			position: absolute;
			left: 50%;
			margin-left: -40upx;
			bottom: -130upx;
		}
		.heads{
			position: relative;
			height: 100%;
			.centerBox{
				width: 480upx;height: 334upx;background: #fff;position:absolute;bottom: 0;left: 50%;margin-left: -240upx;border-radius: 10upx;
				.isusertx{
					position: absolute;
					width: 240upx;
					height: 240upx;
					top: -120upx;
					left: 50%;
					margin-left: -120upx;
					z-index: 99;
					border-radius: 50%;
				}
				
				.shopnames{
					width: 100%;
					font-size: 42upx;
					font-weight: bold;
					color:#FB642F;
					position: absolute;
					top: 148upx;
					text-align: center;
					z-index: 99;
				}
				.shopnames2{
					width: 100%;
					font-size: 32upx;
					color:#FB642F;
					position: absolute;
					top: 214upx;
					text-align: center;
					z-index: 99;
				}
			}
			.headimg{
				width: $wid;
				
			}
		
		}
		.tipboxs_body{
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			border-bottom-right-radius: 7px;
			border-bottom-left-radius: 7px;
			margin-top: -20upx;
			padding: 20upx;
			padding-top: 30upx;
			background: #ffffff;
			text-align: center;
			.textmsgs{
				color:#333C4C;
				font-size: 32upx;
				.sum{
					color:#ff6900;
				}
			}
			.submitbtns{
				font-size: 32upx;
				width:411upx;
				height:83upx;
				line-height: 83upx;
				text-align: center;
				background:rgba(255,105,0,1);
				border-radius:10upx;
				color:#FFFFFF;
				margin: 0 auto;
				margin-top: 50upx;
				margin-bottom: 30upx;
			}
		}
	}
</style>
