qingnianyexiao2.0/unpackage/dist/dev/mp-weixin/packageA/activity/activityDetaill.wxml

<view class="{{['box','flex','justify-start','flex-column','align-items','data-v-8debcf3c',(overlay)?'no-scroll':'']}}"><view class="swiper data-v-8debcf3c"><u-swiper vue-id="683974e4-1" list="{{detail.images}}" indicator="{{true}}" indicatorMode="line" height="480rpx" circular="{{true}}" class="data-v-8debcf3c" bind:__l="__l"></u-swiper></view><view class="con-center w-100 flex justify-center flex-column align-items flex-start data-v-8debcf3c"><view class="first-box flex flex-start flex-column justify-start data-v-8debcf3c"><view class="flex align-items data-v-8debcf3c" style="width:690rpx;"><block wx:if="{{detail.has_sign_expire==1}}"><label class="Sign flex justify-center align-items _span data-v-8debcf3c" style="color:#FFFFFF;background:#A4A4A4;">已 结 束</label></block><block wx:if="{{detail.has_sign_expire==2}}"><label class="Sign flex justify-center align-items _span data-v-8debcf3c" style="color:#222222;background:#BEEE03;">报 名</label></block><label class="first-name white-space-2 _span data-v-8debcf3c">{{''+(''+detail.title)}}</label></view><block wx:if="{{detail.feel!=1}}"><view class="line-title white-space data-v-8debcf3c"><view class="circle data-v-8debcf3c"></view><label class="title _span data-v-8debcf3c">报名费用:</label><label class="conter _span data-v-8debcf3c" style="color:#FF5F5F;">{{''+detail.price+'元'}}</label></view></block><block wx:if="{{detail.feel==1}}"><view class="line-title white-space data-v-8debcf3c"><view class="circle data-v-8debcf3c"></view><label class="title _span data-v-8debcf3c">报名费用:</label><label class="conter _span data-v-8debcf3c" style="color:#FF5F5F;">{{''+'公益'}}</label></view></block><view class="line-title white-space data-v-8debcf3c"><view class="circle data-v-8debcf3c"></view><label class="title _span data-v-8debcf3c">活动人数:</label><label class="conter _span data-v-8debcf3c">{{''+detail.id==16?50:detail.stock}}</label></view><view class="line-title white-space data-v-8debcf3c"><view class="circle data-v-8debcf3c"></view><label class="title _span data-v-8debcf3c">报名时间:</label><label class="conter _span data-v-8debcf3c">{{''+detail.sign_start_time_text+" - "+detail.sign_end_time_text}}</label></view><view class="line-title white-space data-v-8debcf3c"><view class="circle data-v-8debcf3c"></view><label class="title _span data-v-8debcf3c">活动时间:</label><label class="conter _span data-v-8debcf3c">{{''+detail.start_time_text+" - "+detail.end_time_text}}</label></view><view data-event-opts="{{[['tap',[['toMap',['$0','$1','$2'],['detail.latitude','detail.longitude','detail.address_detail']]]]]}}" class="line-title white-space flex align-items data-v-8debcf3c" catchtap="__e"><view class="circle data-v-8debcf3c"></view><label class="title _span data-v-8debcf3c">活动地址:</label><label class="conter flex align-items _span data-v-8debcf3c"><label class="white-space _span data-v-8debcf3c" style="width:500rpx;">{{''+detail.address_detail}}</label><image class="icon-size data-v-8debcf3c" src="../../static/center/address.png" mode></image></label></view></view></view><view class="six flex flex-column data-v-8debcf3c" style="justify-content:flex-start;"><view class="six-top data-v-8debcf3c"><view class="left flex align-items data-v-8debcf3c"><label class="_span data-v-8debcf3c">活动详情</label></view></view><view class="six-center flex first-txt flex-column data-v-8debcf3c"><u-parse vue-id="683974e4-2" content="{{detail.content}}" tagStyle="{{style}}" class="data-v-8debcf3c" bind:__l="__l"></u-parse></view></view><view class="footer flex align-items data-v-8debcf3c"><view class="footer-left data-v-8debcf3c"><button class="no-border-button data-v-8debcf3c" open-type="share" plain="true"><view class="data-v-8debcf3c"><image src="../../static/my/share.png" mode class="data-v-8debcf3c"></image><label class="_span data-v-8debcf3c">分享</label></view></button><view class="flex flex-column data-v-8debcf3c" style="margin-left:32rpx;align-items:flex-start;"><view class="feiyong flex data-v-8debcf3c" style="flex-flow:row;"><label class="_span data-v-8debcf3c">报名费用:</label><block wx:if="{{price!=0}}"><label class="price _span data-v-8debcf3c">{{'￥'+price}}</label></block><block wx:if="{{price==0}}"><label class="price _span data-v-8debcf3c">公益</label></block></view><label class="tips _span data-v-8debcf3c">报名成功后不能取消</label></view></view><block wx:if="{{detail.has_sign_expire==1}}"><view class="footer-right flex justify-center align-items data-v-8debcf3c"><label class="_span data-v-8debcf3c">已 结 束</label></view></block><block wx:if="{{detail.has_sign_expire==2}}"><view data-event-opts="{{[['tap',[['sign']]]]}}" class="footer-right1 flex justify-center align-items data-v-8debcf3c" catchtap="__e"><label class="_span data-v-8debcf3c">报 名</label></view></block></view><u-popup vue-id="683974e4-3" show="{{buyShow}}" mode="center" round="{{10}}" zIndex="{{99999}}" custom-style="{{popupStyle}}" safeAreaInsetBottom="false" data-event-opts="{{[['^close',[['buyClose']]],['^open',[['buyOpen']]]]}}" bind:close="__e" bind:open="__e" class="data-v-8debcf3c" bind:__l="__l" vue-slots="{{['default']}}"><view class="popupBox flex justify-start align-items flex-column data-v-8debcf3c"><view class="pop-header flex align-items data-v-8debcf3c" style="justify-content:space-between;">确认订单</view><view class="popup data-v-8debcf3c"><image style="width:200rpx;height:140rpx;" src="{{detail.headimage}}" mode class="data-v-8debcf3c"></image><view class="popur-right flex flex-column data-v-8debcf3c"><label class="name white-space _span data-v-8debcf3c">{{name}}</label><label class="address _span data-v-8debcf3c">{{"地址:"+detail.address_detail}}</label><label class="date _span data-v-8debcf3c">{{"开始时间:"+detail.start_time_text}}</label><label class="time _span data-v-8debcf3c">{{"结束时间:"+detail.end_time_text}}</label><label class="line-row _span data-v-8debcf3c"></label><label class="price _span data-v-8debcf3c">课程价格:<block wx:if="{{price!=0}}"><label class="_span data-v-8debcf3c">{{"￥"+price}}</label></block><block wx:if="{{price==0}}"><label class="_span data-v-8debcf3c">公益</label></block></label></view></view><view data-event-opts="{{[['tap',[['buy']]]]}}" class="popup-footer flex data-v-8debcf3c" bindtap="__e"><block wx:if="{{detail.feel==0}}"><label class="_span data-v-8debcf3c">立 即 支 付</label></block><block wx:if="{{detail.feel==1}}"><label class="_span data-v-8debcf3c">确 认 报 名</label></block><block wx:if="{{uloadingShow}}"><u-loading-icon vue-id="{{('683974e4-4')+','+('683974e4-3')}}" vertical="{{true}}" class="data-v-8debcf3c" bind:__l="__l"></u-loading-icon></block></view></view></u-popup></view>