<template>
  <view class="page">
	<view class="page-info">
	  	<view class="banner">
	  		<view class="title">xxx活动标题</view>
			<view class="banner-info-top">
				<view>2022-02-22 22:56</view>
				<view><u-icon name="eye"></u-icon>36人</view>
			</view>
	  		<view class="banner-info-item">
	  			<text>
					在这个充满活力的季节里，我们诚挚地邀请您参与由本商家精心策划的“锦江绿道活力行”活动。
					这不仅是一场关于健康与自然的盛宴，更是一次心灵与身体的双重放松之旅。 📅活动时间：2023年XX月XX日（星期X） 
				📍活动地点：锦江绿道全程，集合点设于绿道起点广场 ⏰集合时间：上午9:00 🚶‍♂️🚶‍♀️活动内容：
				 绿道徒步：沿着风景如画的锦江绿道，享受清新的空气与和煦的阳光，全程约5公里，适合全家人参与。 
				 健康小站：途中设置多个健康小站，提供饮用水、轻食补给及简单的医疗支持，确保每位参与者都能保持良好的状态。 
				 环保互动：参与环保知识问答，实践垃圾分类，共同守护我们的绿色家园。 摄影大赛：记录下绿道上的美好瞬间，参与摄影大赛，
				 优秀作品将有机会获得精美奖品。 
				终点庆典：完成全程后，在终点广场参加庆典活动，享受美食、音乐与抽奖乐趣。
				</text>
				<image :src="$imgUrl('/img/2.jpg')" style="width: 100%; height: 100vw; border-radius: 10rpx; margin-top: 30rpx;"></image>
	  		</view>
	  	</view>
		<view class="info-box">
			<view class="title">营销推广活动信息</view>
			<view class="info-item">场地：成华公园广场</view>
			<view class="info-item">起止时间：2022-02-22 至 2022-02-22</view>
			<view class="info-item">举办方：锦江绿道官方</view>
			<view class="info-item">联系人：张三</view>
			<view class="info-item">联系电话：13455425151</view>
			<view class="info-item">已参与报名人数：<span>6489</span>人</view>
		</view>
	</view>
	
	
    <!-- 底部 -->
	<view style="height: 125rpx;"></view>
    <view class="page-footer">
		<view class="footer-service">
			<u-image :showLoading="true" src="/static/images/sevice-icon.png" width="30rpx" height="30rpx"></u-image>
			<text>客服</text>
		</view>
		<view class="footer-btn">
			<u-button type="success" style="width: 80%;" @click="joinShow = true">报名参加</u-button>
		</view>
		<view class="footer-service">
			<u-image :showLoading="true" src="/static/images/share-icon.png" width="30rpx" height="30rpx"></u-image>
			<text>分享</text>
		</view>
    </view>
	<u-popup class="userForm" v-model="joinShow" mode="center" :closeable="true" width="90%">
		<u-form class="form-box" :model="form" ref="uForm" :label-width="120">
			<view class="title">请填写您的报名信息</view>
			<u-form-item label="姓名"><u-input v-model="form.name" /></u-form-item>
			<u-form-item label="联系电话"><u-input v-model="form.pahone" /></u-form-item>
			<u-button type="success" @click="submit">提交</u-button>
		</u-form>
	</u-popup>
  </view>
</template>

<script>

export default {
  data() {
    return {
		tableData:{},
		swiperList: [
			{
				id: 0,
				type: 'image',
				url: this.$imgUrl('/img/1.jpg')
			}
		],
		joinShow: false,
		form: {
			name: '',
			pahone: '',
		}
    };
  },
  onLoad(option){},
  methods: {
		submit() {
			this.joinShow = false;
		},
		leaseAdd(){
			uni.navigateTo({
				url: '/pages/leaseAdd/leaseAdd'
			})
		},
  }
};
</script>

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