yunshangxie/unpackage/dist/dev/mp-weixin/pages/index/event_info.wxml

1 line
9.1 KiB
Plaintext

<view style="letter-spacing:1rpx;"><tn-nav-bar vue-id="a93e3dc6-1" isBack="{{false}}" backTitle bottomShadow="{{true}}" backgroundColor="#FFFFFF" bind:__l="__l" vue-slots="{{['default']}}"><view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between"><view class="tn-flex tn-flex-col-center tn-flex-row-left"><view data-event-opts="{{[['tap',[['goBack']]]]}}" style="padding-left:15rpx;" bindtap="__e"><text class="tn-icon-left" style="font-size:40rpx;"></text></view><view class="tn-margin-top" style="text-shadow:1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;"><tn-tabs vue-id="{{('a93e3dc6-2')+','+('a93e3dc6-1')}}" list="{{[{name:'活动详情'}]}}" current="{{topCurrent}}" activeColor="#000" bold="{{false}}" fontSize="{{36}}" bind:__l="__l"></tn-tabs></view></view></view></tn-nav-bar><view style="{{'padding-top:'+(vuex_custom_bar_height+'px')+';'}}"><image style="width:100%;" src="{{apiImgUrl+info.activity_image}}" mode="widthFix"></image><view style="padding:20rpx 30rpx;"><view style="font-size:30rpx;font-weight:600;">{{info.activity_name}}</view><view style="margin-top:40rpx;"><view><text style="color:#26BB71;">●</text><text style="margin-left:10rpx;font-weight:600;">开始时间:</text><text style="color:#979797;">{{info.activity_start_time}}</text></view><view style="margin:15rpx 0rpx;"><text style="color:#BE7E28;">●</text><text style="margin-left:10rpx;font-weight:600;">结束时间:</text><text style="color:#979797;">{{info.activity_end_time}}</text></view><view><text style="color:#DB5022;">●</text><text style="margin-left:10rpx;font-weight:600;">活动地点:</text><text style="color:#979797;">{{info.activity_location}}</text></view></view><view style="margin-top:60rpx;font-size:32rpx;font-weight:600;">活动介绍</view><view><view class="ks_html" style="line-height:50rpx;margin-top:20rpx;"><block wx:if="{{info.video!=null&&info.video!=''}}"><view><video style="width:100%;border-radius:5rpx;" src="{{apiImgUrl+info.video}}"></video></view></block><view><rich-text nodes="{{info.activity_content}}"></rich-text></view></view></view><block wx:if="{{info.activity_type==1||info.activity_type==3}}"><view style="height:180rpx;"></view></block><block wx:if="{{info.activity_type==2}}"><view style="padding-bottom:180rpx;"><view style="margin-top:60rpx;font-size:32rpx;font-weight:600;">问卷问题</view><tn-form class="vue-ref" vue-id="a93e3dc6-3" labelPosition="top" model="{{form}}" data-ref="form" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{questionnaireList}}" wx:for-item="item" wx:for-index="index"><block wx:if="{{item.type==2}}"><tn-form-item vue-id="{{('a93e3dc6-4-'+index)+','+('a93e3dc6-3')}}" label="{{index+1+'、'+item.title+'(多选题)'}}" prop="hobby" bind:__l="__l" vue-slots="{{['default']}}"><tn-checkbox-group bind:input="__e" vue-id="{{('a93e3dc6-5-'+index)+','+('a93e3dc6-4-'+index)}}" size="40" activeColor="#82B2FF" wrap="{{true}}" value="{{questionnaireList[index].topic}}" data-event-opts="{{[['^input',[['__set_model',['$0','topic','$event',[]],['questionnaireList.'+index+'']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{item.option}}" wx:for-item="op" wx:for-index="opi"><tn-checkbox vue-id="{{('a93e3dc6-6-'+index+'-'+opi)+','+('a93e3dc6-5-'+index)}}" name="{{op.name}}" bind:__l="__l" vue-slots="{{['default']}}">{{''+op.name+"、"+op.val+''}}</tn-checkbox></block></tn-checkbox-group></tn-form-item></block><block wx:if="{{item.type==1}}"><tn-form-item vue-id="{{('a93e3dc6-7-'+index)+','+('a93e3dc6-3')}}" label="{{index+1+'、'+item.title+'(单选题)'}}" prop="danxuan" bind:__l="__l" vue-slots="{{['default']}}"><tn-radio-group bind:input="__e" vue-id="{{('a93e3dc6-8-'+index)+','+('a93e3dc6-7-'+index)}}" size="40" activeColor="#82B2FF" wrap="{{true}}" value="{{questionnaireList[index].topic}}" data-event-opts="{{[['^input',[['__set_model',['$0','topic','$event',[]],['questionnaireList.'+index+'']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{item.option}}" wx:for-item="op" wx:for-index="opi"><tn-radio vue-id="{{('a93e3dc6-9-'+index+'-'+opi)+','+('a93e3dc6-8-'+index)}}" name="{{op.name}}" bind:__l="__l" vue-slots="{{['default']}}">{{''+op.name+"、"+op.val+''}}</tn-radio></block></tn-radio-group></tn-form-item></block><block wx:if="{{item.type==3}}"><tn-form-item vue-id="{{('a93e3dc6-10-'+index)+','+('a93e3dc6-3')}}" label="{{index+1+'、'+item.title+'(问答题)'}}" prop="wenda" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('a93e3dc6-11-'+index)+','+('a93e3dc6-10-'+index)}}" placeholder="请填写答案" type="textarea" value="{{questionnaireList[index].topic}}" data-event-opts="{{[['^input',[['__set_model',['$0','topic','$event',[]],['questionnaireList.'+index+'']]]]]}}" bind:__l="__l"></tn-input></tn-form-item></block></block></tn-form></view></block></view></view><view style="position:fixed;bottom:30rpx;width:100%;"><block wx:if="{{info.activity_type==1}}"><view style="text-align:center;padding:0 30rpx;"><block wx:if="{{info.type=='未开始'}}"><button class="mmy" hover-class="none" data-event-opts="{{[['tap',[['application_add',['$event']]]]]}}" bindtap="__e">确认报名</button></block><block wx:if="{{info.type=='已结束'||info.type=='进行中'}}"><button class="mmy" hover-class="none" disabled="{{true}}">报名已结束</button></block></view></block><block wx:if="{{info.activity_type==2}}"><view style="text-align:center;padding:0 30rpx;"><block wx:if="{{info.type=='未开始'}}"><button class="mmy" hover-class="none" disabled="{{true}}">问卷未开始</button></block><block wx:if="{{info.type=='进行中'}}"><button class="mmy" hover-class="none" data-event-opts="{{[['tap',[['option_add',['$event']]]]]}}" bindtap="__e">确认提交</button></block><block wx:if="{{info.type=='已结束'}}"><button class="mmy" hover-class="none" disabled="{{true}}">问卷已结束</button></block></view></block><block wx:if="{{info.activity_type==3}}"><view style="text-align:center;padding:0 30rpx;"><block wx:if="{{info.type=='进行中'}}"><button class="mmy" hover-class="none" data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e">我要捐助</button></block><block wx:if="{{info.type=='已结束'}}"><button class="mmy" hover-class="none" disabled="{{true}}">捐助已结束</button></block></view></block><block wx:if="{{info.activity_type==4}}"><view style="text-align:center;padding:0 30rpx;"><block wx:if="{{info.type=='未开始'}}"><button class="mmy" hover-class="none" data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" bindtap="__e">我要参加</button></block><block wx:if="{{info.type=='已结束'||info.type=='进行中'}}"><button class="mmy" hover-class="none" disabled="{{true}}">活动已结束</button></block></view></block></view><tn-modal bind:input="__e" vue-id="a93e3dc6-12" custom="{{true}}" value="{{juanMod}}" data-event-opts="{{[['^input',[['__set_model',['','juanMod','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:20rpx;text-align:center;font-size:40rpx;">感谢您的捐助</view><tn-form vue-id="{{('a93e3dc6-13')+','+('a93e3dc6-12')}}" labelWidth="{{180}}" bind:__l="__l" vue-slots="{{['default']}}"><tn-form-item vue-id="{{('a93e3dc6-14')+','+('a93e3dc6-13')}}" label="捐助金额" bind:__l="__l" vue-slots="{{['default']}}"><tn-input bind:input="__e" vue-id="{{('a93e3dc6-15')+','+('a93e3dc6-14')}}" type="decimal" placeholder="请填写捐助金额" value="{{money}}" data-event-opts="{{[['^input',[['__set_model',['','money','$event',[]]]]]]}}" bind:__l="__l"></tn-input></tn-form-item></tn-form><view class="tn-flex tn-flex-row-center" style="margin-top:50rpx;"><tn-button vue-id="{{('a93e3dc6-16')+','+('a93e3dc6-12')}}" backgroundColor="#E6E6E6" fontColor="#838383" data-event-opts="{{[['^click',[['e2']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">我再想想</tn-button><tn-button style="margin-left:70rpx;" vue-id="{{('a93e3dc6-17')+','+('a93e3dc6-12')}}" backgroundColor="#28B93D" fontColor="#ffffff" data-event-opts="{{[['^click',[['juanzhuDo']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">确定捐助</tn-button></view></tn-modal><tn-modal bind:input="__e" vue-id="a93e3dc6-18" custom="{{true}}" value="{{peiMod}}" data-event-opts="{{[['^input',[['__set_model',['','peiMod','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:20rpx;text-align:center;font-size:40rpx;">需要缴纳费用</view><view style="text-align:center;margin-top:30rpx;"><text style="font-size:40rpx;">¥</text><text style="font-size:70rpx;color:#26BB71;margin-left:5rpx;font-weight:600;">{{info.money}}</text></view><view class="tn-flex tn-flex-row-center" style="margin-top:50rpx;"><tn-button vue-id="{{('a93e3dc6-19')+','+('a93e3dc6-18')}}" backgroundColor="#E6E6E6" fontColor="#838383" data-event-opts="{{[['^click',[['e3']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">我再想想</tn-button><tn-button style="margin-left:70rpx;" vue-id="{{('a93e3dc6-20')+','+('a93e3dc6-18')}}" backgroundColor="#28B93D" fontColor="#ffffff" data-event-opts="{{[['^click',[['zhifuDo']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">支付费用</tn-button></view></tn-modal></view>