1 line
17 KiB
Plaintext
1 line
17 KiB
Plaintext
<view class="{{['box','flex','justify-start','flex-column','align-items','data-v-a68adbbc',(overlay)?'no-scroll':'']}}"><view class="swiper data-v-a68adbbc"><u-swiper vue-id="2acf99b8-1" list="{{detail.images}}" indicator="{{true}}" indicatorMode="line" indicator-style="{{({bottom:'60rpx'})}}" height="580rpx" circular="{{true}}" class="data-v-a68adbbc" bind:__l="__l"></u-swiper></view><view class="nav data-v-a68adbbc"><u-navbar vue-id="2acf99b8-2" is-back="{{true}}" leftIconColor="#FFFFFF" autoBack="{{true}}" title="课程详情" bgColor="{{background}}" titleStyle="{{titleStyle}}" class="data-v-a68adbbc" bind:__l="__l"></u-navbar></view><view class="con-center w-100 flex justify-center flex-column align-items flex-start data-v-a68adbbc"><view class="first-box flex flex-start flex-column justify-start data-v-a68adbbc"><view class="flex align-items data-v-a68adbbc"><label class="sigh flex justify-center align-items _span data-v-a68adbbc">报名中</label><label class="first-name _span data-v-a68adbbc">{{detail.title}}</label></view><label class="first-image flex align-items _span data-v-a68adbbc" style="margin-top:38rpx;"><image class="icon-size data-v-a68adbbc" src="../../static/center/authorize.png" mode></image><label style="color:#FF4810;" class="_span data-v-a68adbbc">{{'报名人数: '+$root.m0+" /\n\t\t\t\t\t"+detail.limit_num}}</label></label><label class="first-image flex align-items _span data-v-a68adbbc" style="margin:16rpx 0;"><image class="icon-size data-v-a68adbbc" src="../../static/center/Alarm.png" mode></image><label class="_span data-v-a68adbbc">{{formattedTime.formattedTime+" (共计"+$root.g0+"节)"}}</label></label><label data-event-opts="{{[['tap',[['toMap',['$0','$1','$2'],['detail.latitude','detail.longitude','detail.address_detail']]]]]}}" class="first-image flex align-items _span data-v-a68adbbc" catchtap="__e"><image class="icon-size data-v-a68adbbc" src="../../static/center/address.png" mode></image><label class="_span data-v-a68adbbc">{{detail.address_detail}}</label></label></view><view class="second-box flex align-items space-between data-v-a68adbbc"><label class="number _span data-v-a68adbbc">{{(virtual_people>=10000?'9999+':virtual_people)+"人正在参与"}}</label><view class="flex align-items data-v-a68adbbc"><u-avatar-group vue-id="2acf99b8-3" urls="{{people.unpaid_user_data}}" extraValue="{{$root.g1-5}}" keyName="head_image" size="24" gap="0.2" class="data-v-a68adbbc" bind:__l="__l"></u-avatar-group><label class="flex justify-center align-items _span data-v-a68adbbc"><image style="width:20rpx;height:20rpx;" src="/static/center/right_.png" mode class="data-v-a68adbbc"></image></label></view></view><view class="third flex flex-column data-v-a68adbbc" style="justify-content:flex-start;"><view class="third-center flex data-v-a68adbbc" style="justify-content:space-between;"><view class="scroll-container data-v-a68adbbc"><block wx:for="{{people.paid_user_data}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item data-v-a68adbbc"><view class="flex align-items data-v-a68adbbc" style="justify-content:space-between;"><image style="width:40rpx;height:40rpx;" src="{{item.head_image}}" mode class="data-v-a68adbbc"></image><label style="width:72rpx;overflow:hidden;white-space:nowrap;" class="_span data-v-a68adbbc">{{item.nickname}}</label><label class="line-colum _span data-v-a68adbbc"></label><label class="_span data-v-a68adbbc">报名成功</label></view><label class="_span data-v-a68adbbc">{{item.createTime}}</label></view></block></view></view></view><view class="four flex justify-start align-items flex-column data-v-a68adbbc"><view class="four-top data-v-a68adbbc"><view class="left flex align-items data-v-a68adbbc"><label class="_span data-v-a68adbbc">授课教师</label></view></view><view data-event-opts="{{[['tap',[['toTeacher',['$0'],['detail.teacher.id']]]]]}}" class="four-box flex justify-start align-items w-100 data-v-a68adbbc" bindtap="__e"><view class="four-header flex align-items w-100 data-v-a68adbbc" style="justify-content:space-between;"><view class="flex align-items data-v-a68adbbc" style="justify-content:start;width:70%;"><image style="width:96rpx;height:96rpx;border-radius:96rpx;" src="{{detail.teacher.head_image}}" mode class="data-v-a68adbbc"></image><label class="flex justify-center flex-column _span data-v-a68adbbc" style="align-items:flex-start;margin-left:18rpx;"><label class="four-name _span data-v-a68adbbc">{{detail.teacher.name}}</label><label class="jigou _span data-v-a68adbbc">{{detail.shop.name}}</label></label></view><view class="four-right flex justify-center align-items data-v-a68adbbc">详情</view></view></view><label class="line _span data-v-a68adbbc" style="width:93%;"></label><label class="tt-detail flex _span data-v-a68adbbc"><u-parse vue-id="2acf99b8-4" content="{{detail.teacher.content}}" class="data-v-a68adbbc" bind:__l="__l"></u-parse></label></view><view data-event-opts="{{[['tap',[['toMeDetail']]]]}}" class="five flex align-items data-v-a68adbbc" style="justify-content:space-around;" bindtap="__e"><image style="width:64rpx;height:64rpx;border-radius:64rpx;" src="{{detail.shop.logo}}" mode class="data-v-a68adbbc"></image><label class="five-name white-space _span data-v-a68adbbc">{{detail.shop.name}}</label><label class="five-address white-space _span data-v-a68adbbc">{{detail.shop.address_detail}}</label><image style="width:28rpx;height:28rpx;" src="/static/center/blockRight.png" mode class="data-v-a68adbbc"></image></view><view class="six flex flex-column data-v-a68adbbc" style="justify-content:flex-start;margin-top:64rpx;"><view class="six-top flex align-items space-between data-v-a68adbbc"><view class="left flex align-items data-v-a68adbbc"><label class="_span data-v-a68adbbc">课程详情</label></view></view><view class="six-center flex first-txt flex-column data-v-a68adbbc" style="padding:0rpx 30rpx;"><u-parse vue-id="2acf99b8-5" content="{{detail.content}}" tagStyle="{{style}}" class="data-v-a68adbbc" bind:__l="__l"></u-parse></view></view><view class="six flex flex-column data-v-a68adbbc" style="justify-content:flex-start;margin-bottom:106rpx;"><view class="six-top flex align-items space-between data-v-a68adbbc"><view class="left flex align-items data-v-a68adbbc"><label class="_span data-v-a68adbbc">课程须知</label></view></view><view class="six-center flex first-txt flex-column data-v-a68adbbc"><u-parse vue-id="2acf99b8-6" content="{{detail.notice}}" tagStyle="{{style}}" class="data-v-a68adbbc" bind:__l="__l"></u-parse></view></view><view class="footer flex align-items data-v-a68adbbc" style="justify-content:space-between;"><view class="footer-left data-v-a68adbbc"><view data-event-opts="{{[['tap',[['callPhone',['$0'],['detail.user.mobile']]]]]}}" bindtap="__e" class="data-v-a68adbbc"><image src="../../static/center/phone.png" mode class="data-v-a68adbbc"></image><label class="_span data-v-a68adbbc">电话</label></view><view data-event-opts="{{[['tap',[['overlayShow']]]]}}" bindtap="__e" class="data-v-a68adbbc"><image src="../../static/center/share.png" mode class="data-v-a68adbbc"></image><label class="_span data-v-a68adbbc">分享</label></view><block wx:if="{{is_collect==0}}"><view data-event-opts="{{[['tap',[['Collect',[1]]]]]}}" bindtap="__e" class="data-v-a68adbbc"><image src="../../static/center/Collect.png" mode class="data-v-a68adbbc"></image><label class="_span data-v-a68adbbc">收藏</label></view></block><block wx:if="{{is_collect!=0}}"><view data-event-opts="{{[['tap',[['Collect',[0]]]]]}}" bindtap="__e" class="data-v-a68adbbc"><image src="../../static/center/Collected.png" mode class="data-v-a68adbbc"></image><label class="_span data-v-a68adbbc">已收藏</label></view></block></view><view class="footer-right flex justify-center align-items data-v-a68adbbc"><block wx:if="{{type==0&&detail.feel==0}}"><label data-event-opts="{{[['tap',[['sign']]]]}}" bindtap="__e" class="_span data-v-a68adbbc">购买</label></block><block wx:if="{{type==0&&detail.feel==1}}"><label data-event-opts="{{[['tap',[['sign']]]]}}" bindtap="__e" class="_span data-v-a68adbbc">马上报名</label></block><block wx:if="{{type==1&&detail.feel==0}}"><label data-event-opts="{{[['tap',[['buy']]]]}}" bindtap="__e" class="_span data-v-a68adbbc">立即支付</label></block><block wx:if="{{type==1&&detail.feel==1}}"><label data-event-opts="{{[['tap',[['buy']]]]}}" bindtap="__e" class="_span data-v-a68adbbc">确认报名</label></block><block wx:if="{{type==2}}"><label data-event-opts="{{[['tap',[['open']]]]}}" bindtap="__e" class="_span data-v-a68adbbc">我要预约</label></block><block wx:if="{{type==3}}"><label data-event-opts="{{[['tap',[['confimTime']]]]}}" bindtap="__e" class="_span data-v-a68adbbc">确认时间</label></block></view></view></view><u-popup vue-id="2acf99b8-7" show="{{show}}" mode="bottom" round="{{10}}" zIndex="{{99999}}" custom-style="{{popupStyle}}" data-event-opts="{{[['^close',[['close']]],['^open',[['open']]]]}}" bind:close="__e" bind:open="__e" class="data-v-a68adbbc" bind:__l="__l" vue-slots="{{['default']}}"><view class="popupBox flex justify-start align-items flex-column data-v-a68adbbc"><view class="pop-header flex align-items data-v-a68adbbc" style="justify-content:space-between;"><image style="width:252rpx;height:48rpx;" src="../../static/center/classTime.png" mode class="data-v-a68adbbc"></image><label data-event-opts="{{[['tap',[['cancel',['$event']]]]]}}" bindtap="__e" class="_span data-v-a68adbbc">取消选择</label></view><view class="times flex align-items justify-center data-v-a68adbbc" style="flex-wrap:wrap;"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><label data-event-opts="{{[['tap',[['selectTime',['$0'],[[['timeList','',index]]]]]]]}}" class="{{['selectTime','flex','justify-center','align-items','_span','data-v-a68adbbc',(item.m1)?'selected':'']}}" bindtap="__e">{{''+item.$orig.name}}</label></block></view></view></u-popup><u-popup vue-id="2acf99b8-8" show="{{buyShow}}" mode="center" round="{{10}}" zIndex="{{99999}}" custom-style="{{popupStyle}}" safeAreaInsetBottom="false" closeable="true" data-event-opts="{{[['^close',[['buyClose']]],['^open',[['buyOpen']]]]}}" bind:close="__e" bind:open="__e" class="data-v-a68adbbc" bind:__l="__l" vue-slots="{{['default']}}"><view class="popupBox flex justify-start align-items flex-column data-v-a68adbbc"><view class="pop-header flex align-items flex-column flex-start data-v-a68adbbc"><label class="name white-space _span data-v-a68adbbc">{{detail.title}}</label><label class="price _span data-v-a68adbbc"><block wx:if="{{detail.feel==0}}"><label class="_span data-v-a68adbbc">{{"￥"+detail.price}}</label></block><block wx:if="{{detail.feel==1}}"><label class="_span data-v-a68adbbc">公益</label></block></label></view><view class="popup flex-column data-v-a68adbbc"><label class="first-image flex align-items _span data-v-a68adbbc" style="margin:16rpx 0;"><image class="icon-size data-v-a68adbbc" src="../../static/center/Alarm.png" mode></image><label class="_span data-v-a68adbbc">{{formattedTime.formattedTime+" (共计"+$root.g2+"节)"}}</label></label><label class="first-image flex align-items _span data-v-a68adbbc"><image class="icon-size data-v-a68adbbc" src="../../static/center/address.png" mode></image><label class="_span data-v-a68adbbc">{{detail.address_detail}}</label></label></view><view data-event-opts="{{[['tap',[['buy']]]]}}" class="popup-footer flex data-v-a68adbbc" bindtap="__e"><block wx:if="{{type==1&&detail.feel==0}}"><label class="_span data-v-a68adbbc">立 即 支 付</label></block><block wx:if="{{type==1&&detail.feel==1}}"><label class="_span data-v-a68adbbc">确 认 报 名</label></block><block wx:if="{{uloadingShow}}"><u-loading-icon vue-id="{{('2acf99b8-9')+','+('2acf99b8-8')}}" vertical="{{true}}" class="data-v-a68adbbc" bind:__l="__l"></u-loading-icon></block></view></view></u-popup><u-overlay class="pos data-v-a68adbbc" vue-id="2acf99b8-10" show="{{overlay}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="btnList data-v-a68adbbc"><label data-event-opts="{{[['tap',[['save']]]]}}" class="save _span data-v-a68adbbc" catchtap="__e">保 存 海 报</label><button class="no-border-button data-v-a68adbbc" open-type="share" plain="true"><label class="_span data-v-a68adbbc">分 享 发 布</label></button></view><view class="Poster data-v-a68adbbc" style="z-index:9999;height:1230rpx;"><label data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="posterClose _span data-v-a68adbbc" catchtap="__e"><image style="width:64rpx;height:64rpx;" src="../../static/center/close.png" mode class="data-v-a68adbbc"></image></label><image style="width:690rpx;height:1230rpx;" src="{{path}}" mode="widthFix" class="data-v-a68adbbc"></image><l-painter vue-id="{{('2acf99b8-11')+','+('2acf99b8-10')}}" isCanvasToTempFilePath="{{true}}" hidden="{{true}}" css="width: 750rpx;height:1230rpx; padding-bottom: 40rpx; background-image: url('https://testy.hschool.com.cn//uploads/20241219/6f46474364fe7ae36295cb8d96854b52.png')" data-ref="painter" data-event-opts="{{[['^success',[['e1']]]]}}" bind:success="__e" class="data-v-a68adbbc vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-image vue-id="{{('2acf99b8-12')+','+('2acf99b8-11')}}" src="{{userInfo.avatar}}" css="margin-left: 40rpx; margin-top: 100rpx; width: 90rpx; height: 90rpx; border-radius: 50%;" class="data-v-a68adbbc" bind:__l="__l"></l-painter-image><l-painter-view vue-id="{{('2acf99b8-13')+','+('2acf99b8-11')}}" css="margin-top: 100rpx; padding-left: 20rpx; display: inline-block" class="data-v-a68adbbc" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-text vue-id="{{('2acf99b8-14')+','+('2acf99b8-13')}}" text="{{userInfo.realname||userInfo.nickname}}" css="display: block; padding-bottom: 10rpx; color: #181818; font-size: 34rpx; fontWeight: bold" class="data-v-a68adbbc" bind:__l="__l"></l-painter-text><l-painter-text vue-id="{{('2acf99b8-15')+','+('2acf99b8-13')}}" text="邀请您一起上课" css="color: #7A7A7A; font-size: 24rpx" class="data-v-a68adbbc" bind:__l="__l"></l-painter-text></l-painter-view><l-painter-view vue-id="{{('2acf99b8-16')+','+('2acf99b8-11')}}" css="margin-left: 35rpx; margin-top: 24rpx; padding: 32rpx; box-sizing: border-box; background: #fff; border-radius: 16rpx; width: 690rpx; box-shadow: 0 20rpx 58rpx rgba(0,0,0,.15)" class="data-v-a68adbbc" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-image vue-id="{{('2acf99b8-17')+','+('2acf99b8-16')}}" src="{{detail.headimage}}" css="object-fit: cover; object-position: 50% 50%; width: 626rpx; height: 448rpx; border-radius: 12rpx;" class="data-v-a68adbbc" bind:__l="__l"></l-painter-image><l-painter-view vue-id="{{('2acf99b8-18')+','+('2acf99b8-16')}}" css=" width: 626rpx;display: flex;alignItems: center;" class="data-v-a68adbbc" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-view vue-id="{{('2acf99b8-19')+','+('2acf99b8-18')}}" class="data-v-a68adbbc" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-view vue-id="{{('2acf99b8-20')+','+('2acf99b8-19')}}" css="margin-top: 32rpx; color: #FF0000; font-weight: bold; font-size: 28rpx; line-height: 1em;" class="data-v-a68adbbc" bind:__l="__l" vue-slots="{{['default']}}"><block wx:if="{{detail.feel==0}}"><l-painter-text vue-id="{{('2acf99b8-21')+','+('2acf99b8-20')}}" text="￥" css="vertical-align: bottom;font-size: 42rpx" class="data-v-a68adbbc" bind:__l="__l"></l-painter-text></block><block wx:if="{{detail.feel==0}}"><l-painter-text vue-id="{{('2acf99b8-22')+','+('2acf99b8-20')}}" text="{{detail.price}}" css="vertical-align: bottom; font-size: 58rpx" class="data-v-a68adbbc" bind:__l="__l"></l-painter-text></block><block wx:if="{{detail.feel==1}}"><l-painter-text vue-id="{{('2acf99b8-23')+','+('2acf99b8-20')}}" text="免费" css="vertical-align: bottom;font-size: 42rpx" class="data-v-a68adbbc" bind:__l="__l"></l-painter-text></block></l-painter-view><l-painter-view vue-id="{{('2acf99b8-24')+','+('2acf99b8-19')}}" css="margin-top: 24rpx;" class="data-v-a68adbbc" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-text vue-id="{{('2acf99b8-25')+','+('2acf99b8-24')}}" text="{{formattedTitle}}" css="color: #343434;font-size: 36rpx;" class="data-v-a68adbbc" bind:__l="__l"></l-painter-text></l-painter-view><l-painter-text vue-id="{{('2acf99b8-26')+','+('2acf99b8-19')}}" css="line-clamp: 2; color: #333333; line-height: 1.8em; font-size: 26rpx;display: block; width: 380rpx; padding-right:32rpx; box-sizing: border-box" text="{{'讲师:'+detail.teacher.name}}" class="data-v-a68adbbc" bind:__l="__l"></l-painter-text><l-painter-text vue-id="{{('2acf99b8-27')+','+('2acf99b8-19')}}" css="line-clamp: 2; color: #333333; line-height: 1.8em; font-size: 26rpx;display: block;margin-bottom:30rpx; width: 380rpx; padding-right:32rpx; box-sizing: border-box" text="{{detail.address_detail}}" class="data-v-a68adbbc" bind:__l="__l"></l-painter-text></l-painter-view><l-painter-view vue-id="{{('2acf99b8-28')+','+('2acf99b8-18')}}" css="margin-top: 24rpx;" class="data-v-a68adbbc" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-qrcode vue-id="{{('2acf99b8-29')+','+('2acf99b8-28')}}" css="width: 200rpx; height: 200rpx;" text="{{qrUrl}}" class="data-v-a68adbbc" bind:__l="__l"></l-painter-qrcode></l-painter-view></l-painter-view></l-painter-view></l-painter></view></u-overlay></view> |