<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/ishellobg.png " mode=""></image> -->
					<image class="headimg" src="/static/news/helloword.png " mode=""></image>
					<!-- helloword.png -->
					
					<image class="isusertx" :src="staticurl+userInfo.logo" mode=""></image>
					
					<view class="shopnames">{{userInfo.shop_name}}</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) {
				console.log('是否打开:' + e.show)
				if (!e.show) {
					this.showtip = false
				}
			},
			show(){
				this.showtip = true;
			},
			//确认发布点击
			confirm(){
				this.showtip = false;
				this.$emit("fromSubmitfun",{});//触发回调方法
			}
		}
	}
</script>

<style lang="scss">
	$wid:750upx;
	$hei:863upx;
	.prizemodel{
		// width: $wid;
		// height: $hei;
	}
	.tipboxs{
		width: $wid;
		height: $hei;
		position: relative;
		.Closeicon{
			width: 80upx;
			height: 80upx;
			position: absolute;
			left: 50%;
			margin-left: -40upx;
			bottom: -100upx;
		}
		.heads{
			position: relative;
			.headimg{
				width: $wid;
				height: $hei;
				
			}
			
			.isusertx{
				position: absolute;
				width: 382upx;
				height: 382upx;
				top: 312upx;
				left: 50%;
				margin-left: -191upx;
				z-index: 99;
				border-radius: 50%;
			}
			
			.shopnames{
				width: 100%;
				font-size: 40upx;
				font-weight: bold;
				color:#000;
				position: absolute;
				top: 740upx;
				text-align: center;
				z-index: 99;
				border-radius: 50%;
			}
		}
		.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>
