<template>
	<!-- 抽奖添加的时候的提示弹窗 -->
	<!-- 带操作按钮的 -->
	<view class="prizemodel">
		<!-- 免费专区说明弹窗 -->
		<uni-popup :show="showtip" type="center" :mask-click="true" @change="change">
			<!-- <view class="uni-tip">
				<text class="uni-tip-title">{{title}}</text>
				<text class="uni-tip-content">{{content}}</text>
				<view class="uni-tip-group-button">
					<text class="uni-tip-button" @click="cancel('tip')">取消</text>
					<text class="uni-tip-button" @click="cancel('tip')">我知道了</text>
				</view>
			</view> -->
			<view class="tipboxs">
				<view class="heads">
					<image class="headimg" src="/static/LuckDraw/modelheads2.png" mode=""></image>
				</view>
				<view class="tipboxs_body">
					<view class="textmsgs">您已选择了满<text class="sum">{{shuliang}}</text>人自动开奖 </view>
					<view class="textmsgs">请您三思而后行</view>
					<view class="submitbtns" @tap="confirm">确认发布</view>
				</view>
			</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:"prizemodel",
		components:{
			uniPopup,
		},
		data(){
			return{
				showtip:false,
				
			}
		},
		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">
	.prizemodel{
		width: 510upx;
	}
	.tipboxs{
		.heads{
			.headimg{
				height: 300upx;
				width: 100%;
			}
		}
		.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>
