<template>
	<!-- 抽奖详情 抽奖活动详情页面 -->
	<!-- 中奖详情 -->
	 <view class="LuckyDetails">
		<!-- 发布 抽奖 -->
		<view class="sendpage">
			
			<view class="send_cell_box" v-for="(item,index) in PrizeList" :key="index">
				<!-- 单个输入框 -->
				<view class="send_cell flex ali-c">
					<view class="inputname">一等奖</view>
					<view class="input_box flex1">
						<view class="input">小清新60支长绒棉四件套</view>
					</view>
				</view>
				
				<view class="send_cell flex ali-c">
					<view class="inputname">奖品数量</view>
					<view class="input_box">
						<view class="input">2份</view>
					</view>
				</view>
				<view class="send_cell flex ali-c">
					<view class="inputname">中奖后下单金额</view>
					<view class="input_box">
						<view class="input">99.00</view>
					</view>
				</view>
				<view class="uploadbox">
					<!-- <view class="uploadbtn" @tap="uploadimgs">
						<image class="unpoadimg" src="/static/LuckDraw/Prize_icon.png" mode=""></image>
						<view class="btnstext">添加奖品图片</view>
					</view> -->
					
					<image class="thumbnail" src="http://pic121.huitu.com/res/20190521/2134763_20190521094542188060_1.jpg" mode=""></image>
				</view>
			</view>
			<!-- 大卡片end -->
		
			<!-- 抽奖说明 -->
			<view class="luckmsg flex ">
				<view class="titles">奖品说明</view>
				<view class="textareabox flex1">
					<!-- <textarea class="textarea" value="" placeholder="请填写抽奖说明" /> -->
					<view class="textarea textarea1">
						迎接3.8女神节，本店特推出 此次抽奖活动，中奖者即可获 得精美床单一套。
					</view>
				</view>
			</view>
			<!-- 抽奖说明end -->
			
			<!-- 抽奖设置 -->
			<view class="lucksys">
				<view class="send_cell flex ali-c">
					<view class="inputname">开奖方式</view>
					<view class="input_box flex1 flex">
						<view class="input">满6人自动开奖</view>
						<view class="input ml-20">
							已结束
						</view>
					</view>
				</view>
				
				<view class="send_cell flex ali-c send_cell_boder">
					<view class="inputname">抽奖发起人</view>
					<view class="input_box flex ali-c">
						<image class="usertx" src="/static/missing-face.png" mode=""></image>
						<view class="input">江西多思盈|鹿马108</view>
					</view>
				</view>
				

			</view>
			<!-- 抽奖设置end -->
			
			
			<!-- 中奖者名单 -->
			<view class="zprize">
				<view class="zprize_item">
					<view class="z_head">— 中奖者名单 —</view>
				</view>
				<view class="zprize_item zprize_itembor" v-for="(items,index) in 3" :key="index">
					<view class="z_title">一等奖：小清新60支长绒棉四件套</view>
					<view class="userlist jus-a flex">
						<view class="useritem" v-for="(item,index) in 3" :key="index">
							<image class="usertxss" src="/static/missing-face.png" mode=""></image>
							<view class="usernames">用户名</view>
						</view>
					</view>
					<view class="tolist">查看全部中奖名单 ></view>
				</view>
			</view>
			
			
			<!-- 参与抽奖按钮 -->
			<view class="sysbtnPartake">
				<!-- 抽奖按钮end -->
				<view class="partaketext">
					已有<text class="text">2</text>人参与，<text class="text">查看全部></text>
				</view>
				<view class="partakeuserlist flex jus-c">
					<image v-for="(item,index) in 3" :key="index" class="usertxs" src="/static/missing-face.png" mode=""></image>
				</view>
				
			</view>
			
			<!-- <view class="flexbutton">分享抽奖活动</view> -->
			
		</view>
		
		
	 </view>
</template>

<script>
	export default {
		data(){
			return {
				current:1,//单选选中的值
				PrizeList:[
					{name:"",conut:"",imgurl:"",price:""},
					{name:"",conut:"",imgurl:"",price:""},
					// {name:"",conut:"",imgurl:""},
					// {name:"",conut:"",imgurl:""},
				],//奖品列表
				shuliang:"0",//开奖人数
				ischecked:true,//开关
			}
		},
		onLoad() {
			
		},
		methods:{
			//开关改变后的触发事件
			switch1Change(){
				
			}
		}
	}
</script>

<style lang="scss">
	@import  "../send/send.scss";
	@import  "./LuckyDetails.scss";
</style>
