<template>
	<view>
		<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">活动中心</block></cu-custom>

		<!-- <view class="cu-bar bg-white solid-bottom margin-top">
			<view class="action">
				<text class="cuIcon-titles text-orange "></text> 文章类卡片
			</view>
			<view class="action">
				<switch :class="isCard?'checked':''" :checked="isCard?true:false" @change="IsCard"></switch>
			</view>
		</view> -->
		<view class="cu-card article" :class="isCard?'no-card':''">
			<view class="cu-item shadow" @click="aaa()">
				<view class="title"><view class="text-cut"> 活动名称三 </view></view>
				<view class="content">
					<image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg"
					 mode="aspectFill"></image>
					<view class="desc">
						<view class="text-content"> 活动详情活动详情活动详情活动详情活动详情活动详情活动详 </view>
						<view>
							<view class="cu-tag bg-grey light sm ">未开始</view>
						</view>
					</view>
				</view>
			</view>
			<view class="cu-item shadow">
				<view class="title"><view class="text-cut"> 活动名称一 </view></view>
				<view class="content">
					<image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big39000.jpg"
					 mode="aspectFill"></image>
					<view class="desc">
						<view class="text-content"> 活动详情活动详情活动详情活动详情活动详情活动详情活动详 </view>
						<view>
							<view class="cu-tag bg-green light sm ">进行中</view>
						</view>
					</view>
				</view>
			</view>
			<view class="cu-item shadow">
				<view class="title"><view class="text-cut"> 活动名称二 </view></view>
				<view class="content">
					<image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg"
					 mode="aspectFill"></image>
					<view class="desc">
						<view class="text-content"> 活动详情活动详情活动详情活动详情活动详情活动详情活动详 </view>
						<view>
							<view class="cu-tag bg-red light sm ">已结束</view>
						</view>
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
import { create } from 'lodash';
	export default {
		data() {
			return {
				isCard: false
			};
		},
		onLoad(option) {
			let { is_sucess } = option
			if (is_sucess == '200') {
				uni.showToast({
					title: '报名成功',
					icon: 'sucess',
					duration: 1500
				})
			}
		},
		methods: {
			IsCard(e) {
				this.isCard = e.detail.value
			},
			aaa() {
				uni.navigateTo({
				  url: '/pages/test/luckyDraw/LuckyDrawEventsDetail'
				})
			}
		}
	}
</script>

<style>

</style>
