You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
4.7 KiB
1 lines
4.7 KiB
<view class="activity-detail data-v-2f6f776c"><view class="banner-container data-v-2f6f776c"><swiper class="banner-swiper data-v-2f6f776c" height="450rpx" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{3000}}" duration="{{500}}"><block wx:for="{{$root.l0}}" wx:for-item="image" wx:for-index="index" wx:key="index"><swiper-item class="data-v-2f6f776c"><image class="banner-image data-v-2f6f776c" src="{{image}}" mode="aspectFill"></image></swiper-item></block></swiper></view><view class="activity-info data-v-2f6f776c"><view class="title-section data-v-2f6f776c"><view class="activity-badge data-v-2f6f776c"><text class="badge-text data-v-2f6f776c">{{activityData.score}}</text></view><text class="activity-title data-v-2f6f776c">{{activityData.title}}</text></view><view class="info-section data-v-2f6f776c"><view class="info-item data-v-2f6f776c"><uv-icon vue-id="20c0c5fc-1" name="calendar" size="16" color="#666" class="data-v-2f6f776c" bind:__l="__l"></uv-icon><text class="info-label data-v-2f6f776c">活动时间：</text><text class="info-value data-v-2f6f776c">{{activityData.activityTime}}</text></view><view class="info-item data-v-2f6f776c"><uv-icon vue-id="20c0c5fc-2" name="clock" size="16" color="#666" class="data-v-2f6f776c" bind:__l="__l"></uv-icon><text class="info-label data-v-2f6f776c">报名时间：</text><text class="info-value data-v-2f6f776c">{{activityData.startTime}}</text></view><view class="info-item data-v-2f6f776c"><uv-icon vue-id="20c0c5fc-3" name="account-fill" size="16" color="#666" class="data-v-2f6f776c" bind:__l="__l"></uv-icon><text class="info-label data-v-2f6f776c">联系人：</text><text class="info-value data-v-2f6f776c">{{activityData.contact}}</text></view><view class="info-item data-v-2f6f776c"><uv-icon vue-id="20c0c5fc-4" name="phone" size="16" color="#666" class="data-v-2f6f776c" bind:__l="__l"></uv-icon><text class="info-label data-v-2f6f776c">取消规则：</text><text class="info-value data-v-2f6f776c">{{activityData.rule}}</text></view><view class="info-item data-v-2f6f776c"><uv-icon vue-id="20c0c5fc-5" name="map-fill" size="16" color="#666" class="data-v-2f6f776c" bind:__l="__l"></uv-icon><text class="info-label data-v-2f6f776c">活动地点：</text><text class="info-value data-v-2f6f776c">{{activityData.address}}</text></view></view><view class="detail-section data-v-2f6f776c"><view class="section-title data-v-2f6f776c"><text class="title-text data-v-2f6f776c">活动详情</text></view><view class="detail-content data-v-2f6f776c"><rich-text nodes="{{activityData.details}}" class="data-v-2f6f776c"></rich-text></view></view><view class="gallery-section data-v-2f6f776c"><view class="section-title data-v-2f6f776c"><text class="title-text data-v-2f6f776c">活动图集</text></view><view class="gallery-grid data-v-2f6f776c"><block wx:for="{{$root.l1}}" wx:for-item="image" wx:for-index="index" wx:key="index"><image class="gallery-image data-v-2f6f776c" src="{{image}}" mode="aspectFill" data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({image})}}" bindtap="__e"></image></block></view></view></view><view class="bottom-action data-v-2f6f776c"><view class="action-left data-v-2f6f776c"><view data-event-opts="{{[['tap',[['shareActivity',['$event']]]]]}}" class="action-item data-v-2f6f776c" bindtap="__e"><uv-icon vue-id="20c0c5fc-6" name="share" size="24" color="#000" class="data-v-2f6f776c" bind:__l="__l"></uv-icon><text class="action-text data-v-2f6f776c">分享</text></view><view data-event-opts="{{[['tap',[['collectActivity',['$event']]]]]}}" class="action-item data-v-2f6f776c" bindtap="__e"><uv-icon vue-id="20c0c5fc-7" name="heart-fill" size="24" color="{{activityData.isCollection===1?'#ff4757':'#999'}}" class="data-v-2f6f776c" bind:__l="__l"></uv-icon><text class="action-text data-v-2f6f776c">收藏</text></view><view class="action-item data-v-2f6f776c"><text class="participants-count data-v-2f6f776c"><text style="{{'color:'+(activityData.numActivity>=activityData.numLimit?'#999':'#1488DB')+';'}}" class="data-v-2f6f776c">{{activityData.numActivity}}</text>{{'/'+activityData.numLimit}}</text><text class="action-text data-v-2f6f776c">已报名</text></view></view><view class="action-right data-v-2f6f776c"><uv-button vue-id="20c0c5fc-8" type="primary" size="normal" text="我要报名" shape="circle" disabled="{{activityData.numActivity>=activityData.numLimit||activityData.isApply===1}}" data-event-opts="{{[['^click',[['signUpActivity']]]]}}" bind:click="__e" class="data-v-2f6f776c" bind:__l="__l"></uv-button></view></view><sign-up-form bind:close="__e" bind:submit="__e" vue-id="20c0c5fc-9" data-ref="signUpFormRef" data-event-opts="{{[['^close',[['onSignUpFormClose']]],['^submit',[['onSignUpFormSubmit']]]]}}" class="data-v-2f6f776c vue-ref" bind:__l="__l"></sign-up-form></view>
|