<template>
	<view class="page">
		<!-- 搜索 -->
		<view class="head-search" @click="myativity">
			<view class="search">
				<view class="">
					 我创建的活动
				</view>
				<view class="icon">
					<image :src="$imgUrl('/search.png')" ></image>
				</view>
				
			</view>
		</view>
		<!-- 创建按钮 -->
		<!-- <view class="page-footer" @click="createWen">
		  <view class="footer-buy">
		    <view class="cart-add">
		      <text>创建活动</text>
		    </view>
		  </view>
		</view> -->
		
		<view class="screen-list">
			<view class="list">
				<text>区域</text>
				<image :src="$imgUrl('/down.png')"></image>	
			</view>
			<view class="list">
				<text>租金</text>
				<image :src="$imgUrl('/down.png')" ></image>
			</view>
			<view class="list">
				<text>默认排序</text>
				<image :src="$imgUrl('/down.png')"></image>
			</view>
			<view class="list">
				<text>筛选</text>
				<image :src="$imgUrl('/down.png')" ></image>
			</view>
		</view>
		<!-- 订单列表 -->
		<view class="goods-data">
			<view class="goods-list">
				<view class="list goods-border" v-for="(item,index) in 1" :key="index">
					<view class="thumb">
						<image :src="$imgUrl('/img/2.jpg')"></image>
					</view>
					<view class="item">
						<view class="">
							<text class="one-omit">名称：绿道好物节</text>
						</view>
						<view class="title">
							<text class="one-omit color">活动时间：2024-10-10至2024-10-20</text>
						</view>
						<view class="title">
							<text class="one-omit color">参与商家：1人</text>
						</view>
						<view class="title">
							<text class="one-omit color">活动状态：待开始</text>
						</view>
						<view class="title">
							<text class="one-omit color">举办方：绿道</text>
						</view>
						
						<view class="canyu" @click='join'>
							<view>我要参与</view>
						</view>
						
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		methods: {
			myativity() {
				uni.navigateTo({
					url: '/pages/mycreated/mycreated'
				})
			},
			join(){
				uni.navigateTo({
					url: '/pages/mycreated/mycreated?id=1'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import 'participation.scss';
</style>
