1 line
11 KiB
Plaintext
1 line
11 KiB
Plaintext
<view class="detail-page"><custom-navbar vue-id="47ad99d4-1" title="服务详情" show-back="{{true}}" showUser="{{false}}" titleColor="#000" show-headle="{{true}}" headleSrc="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/3b04f0c1-a55e-4658-9de5-22175cce9bbc.png" data-event-opts="{{[['^onHeadleClick',[['goInvite']]]]}}" bind:onHeadleClick="__e" bind:__l="__l"></custom-navbar><view class="main-image-section"><swiper class="banner-swiper" circular="{{true}}" indicator-dots="{{false}}" autoplay="{{false}}" interval="{{3000}}" duration="{{500}}" indicator-active-color="#fff" indicator-color="rgba(255, 255, 255, 0.6)"><block wx:if="{{serviceInfo.video}}"><swiper-item><block wx:if="{{serviceInfo.video&&showVideo}}"><video class="banner-image" src="{{serviceInfo.video}}" id="myVideo" autoplay="{{true}}" controls="{{false}}" enable-progress-gesture="{{false}}" loop="{{true}}" object-fit="cover" muted="{{isMuted}}"></video></block><view class="video-controls"><view data-event-opts="{{[['tap',[['toggleMute',['$event']]]]]}}" class="control-btn" bindtap="__e"><image class="control-icon" src="{{isMuted?'/static/images/mute.png':'/static/images/unmute.png'}}"></image></view></view><text class="banner-tag">{{1+"/"+($root.g0+1)}}</text></swiper-item></block><block wx:for="{{serviceInfo.photo}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item data-event-opts="{{[['tap',[['previewImage',['$0',index],['serviceInfo.photo']]]]]}}" bindtap="__e"><image class="banner-image" src="{{item}}" mode="aspectFill" referrer="no-referrer"></image><block wx:if="{{serviceInfo.video}}"><text class="banner-tag">{{index+2+"/"+($root.g1+1)}}</text></block><block wx:else><text class="banner-tag">{{index+1+"/"+$root.g2}}</text></block></swiper-item></block></swiper></view><view class="service-pinTuan"><block wx:if="{{serviceInfo.team_buy}}"><view class="service-pinTuan-price"><text class="service-pinTuan-price-text1">拼团价</text><text class="service-pinTuan-price-text2"><text style="font-size:24rpx;">¥</text>{{serviceInfo.team_buy.price}}</text><view class="service-pinTuan-price-text3"><image class="service-pinTuan-price-text3-img" mode="aspectFill" src="/static/images/shop/pintuan/jiantou2.png"></image>{{'立省'+$root.m0+'元'}}</view></view></block><view class="service-pinTuan-title">{{''+serviceInfo.title+''}}</view></view><block wx:if="{{serviceInfo.server_kind==2&&syrCount>0}}"><service-radio bind:input="__e" style="margin-top:20rpx;" vue-id="47ad99d4-2" value="{{serviceType}}" data-event-opts="{{[['^input',[['__set_model',['','serviceType','$event',[]]]]]]}}" bind:__l="__l"></service-radio></block><block wx:if="{{serviceType==1&&serviceInfo.server_kind==2}}"><select-adress vue-id="47ad99d4-3" id="{{serviceInfo.id}}" serviceInfo="{{serviceInfo}}" bind:__l="__l"></select-adress></block><block wx:if="{{serviceType==1&&serviceInfo.server_kind==1}}"><select-syr-adress vue-id="47ad99d4-4" id="{{serviceInfo.id}}" serviceInfo="{{serviceInfo}}" bind:__l="__l"></select-syr-adress></block><view class="service-info"><block wx:if="{{serviceInfo.server_kind==2}}"><view class="service-shop"><view class="shop-info"><image class="shop-logo" src="{{serviceInfo.shop_head_photo}}" mode="aspectFill" data-event-opts="{{[['tap',[['goShopHome',['$0'],['serviceInfo.publish_user_id']]]]]}}" bindtap="__e"></image><view class="shop-info-you"><text class="shop-name">{{serviceInfo.shop_name}}</text><view class="stars"></view><view class="shop-class-w"><text class="shop-class">{{"主营："+$root.g3}}</text></view><view class="shop-time" style="width:480rpx;"><text class="shop-class">{{"营业时间："+serviceInfo.shop_business_time}}</text></view></view></view><view class="shop-cont"><view class="shop-cont-left"><view><text class="shop-address">{{serviceInfo.shop_dependency+serviceInfo.shop_address}}</text></view><view><text class="shop-tell">{{"电话:"+serviceInfo.phone}}</text></view></view><view class="shop-cont-right"><image class="shop-headle" src="/static/images/go_map.png" mode="aspectFit" data-event-opts="{{[['tap',[['openMap',['$event']]]]]}}" bindtap="__e"></image><image class="shop-headle" src="/static/images/go_phone.png" mode="aspectFit" data-event-opts="{{[['tap',[['goContact',['$0'],['serviceInfo.phone']]]]]}}" bindtap="__e"></image></view></view></view></block></view><block wx:if="{{serviceInfo.id}}"><evaluation-list vue-id="47ad99d4-5" order_shop_id="{{serviceInfo.id}}" order_shop_type="{{1}}" data-event-opts="{{[['^goList',[['goList']]]]}}" bind:goList="__e" bind:__l="__l"></evaluation-list></block><block wx:if="{{serviceInfo.server_kind==1}}"><view class="service-syr"><block wx:if="{{syrInfo.head_photo}}"><image class="syr-head" src="{{syrInfo.head_photo}}" mode="aspectFill"></image></block><view class="syr-info"><text class="syr-name">{{syrInfo.name}}</text></view><view data-event-opts="{{[['tap',[['goSyrHome',['$0'],['serviceInfo.publish_user_id']]]]]}}" class="look-btn" bindtap="__e"><text class="look-text">进入逛逛</text></view></view></block><view class="notice-section"><view class="section-title"><text class="section-tit">项目说明</text></view><view class="notice-content"><view class="notice-cont"><text class="notice-title"> 服务时长： </text><text class="notice-text">{{''+serviceInfo.server_time+'分钟'}}</text></view><block wx:for="{{serviceInfo.detail}}" wx:for-item="item" wx:for-index="i"><view class="notice-cont"><text class="notice-title">{{''+item.title+'：'}}</text><text class="notice-text">{{''+item.text+''}}</text></view></block></view></view><block wx:if="{{serviceInfo.graphic_details}}"><img-and-text vue-id="47ad99d4-6" info="{{serviceInfo.graphic_details}}" bind:__l="__l"></img-and-text></block><view class="notice-section"><view class="section-title"><text class="section-tit">项目步骤</text></view><view class="notice-content"><block wx:for="{{serviceInfo.process}}" wx:for-item="item" wx:for-index="i"><view class="notice-cont"><text class="notice-title">{{''+item.title+'：'}}</text><text class="notice-text">{{''+item.text+''}}</text></view></block></view></view><view class="notice-section"><view class="section-title"><text class="section-tit">订购须知</text></view><view class="notice-content"><text class="notice-text">{{''+serviceInfo.purchasenotes+''}}</text></view></view><view class="bottom-bar"><block wx:if="{{serviceInfo.team_buy}}"><view class="bottom-bar__tip">{{'已拼'+serviceInfo.team_buy.pay_person_num+"人，还差"+(serviceInfo.team_buy.person_num-serviceInfo.team_buy.pay_person_num)+'人即可成团！'}}</view></block><view data-event-opts="{{[['tap',[['submitOrder',[true]]]]]}}" class="{{['submit-btn',syrInfo.order_taking==2||sjInfo.order_taking==2?'cannot-submit':'']}}" bindtap="__e"><text class="btn-price" style="font-size:38rpx;"><text style="font-size:24rpx;">¥</text>{{serviceInfo.server_price}}</text><text class="btn-price">直接购买</text></view><block wx:if="{{serviceInfo.team_buy}}"><view data-event-opts="{{[['tap',[['submitOrder',[false]]]]]}}" class="{{['submit-btn2',syrInfo.order_taking==2||sjInfo.order_taking==2?'cannot-submit':'']}}" bindtap="__e"><text class="btn-price" style="font-size:38rpx;"><text style="font-size:24rpx;">¥</text>{{serviceInfo.team_buy.price}}</text><text class="btn-price">{{serviceInfo.team_buy.person_num+"人团专享"}}</text></view></block></view><view class="{{['permission',(isShowPer)?'transform':'']}}"><text class="per-tit">美融融plus 对拨打电话权限申请说明</text><text class="per-cont">当您需要联系商家或平台客服的时候，需要获取拨打电话权限。</text></view><block wx:if="{{serviceInfo.team_buy&&serviceInfo.team_buy.id}}"><l-painter class="vue-ref" vue-id="47ad99d4-7" hidden="{{true}}" css=" width: 420rpx; height: 336rpx;position: relative;background-image:url(https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/8b8dd83f-ccde-406a-b236-2cf27db682e0)" data-ref="painter" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-image vue-id="{{('47ad99d4-8')+','+('47ad99d4-7')}}" src="{{serviceInfo.photo[0]}}" css=" width: 205rpx; height: 205rpx; position: absolute;left:34rpx;top:108rpx;z-index:2;border-radius:20rpx;object-fit:cover" bind:__l="__l"></l-painter-image><l-painter-view vue-id="{{('47ad99d4-9')+','+('47ad99d4-7')}}" css="display: inline-block;z-index:2;position: absolute;left:255rpx;top:108rpx;" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-view vue-id="{{('47ad99d4-10')+','+('47ad99d4-9')}}" css="display: inline-block;vertical-align: middle;background:rgba(253, 218, 226, 1);border-radius: 17rpx 17rpx 17rpx 0rpx;padding: 6rpx 10rpx;" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-image vue-id="{{('47ad99d4-11')+','+('47ad99d4-10')}}" src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/8406740b-0448-447e-8d61-df91f1339bd4" css=" width: 14rpx;height: 19rpx;" bind:__l="__l"></l-painter-image><l-painter-text vue-id="{{('47ad99d4-12')+','+('47ad99d4-10')}}" text="{{'立省'+$root.m1+'元'}}" css="{{'font-weight: 500;font-size: '+$root.m2+'rpx;color: #E8101E;line-height: 25rpx;text-align: left;font-style: normal;'}}" bind:__l="__l"></l-painter-text></l-painter-view><l-painter-view vue-id="{{('47ad99d4-13')+','+('47ad99d4-9')}}" css="margin-top:44rpx;" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-text vue-id="{{('47ad99d4-14')+','+('47ad99d4-13')}}" text="¥" css="font-weight: 500;font-size: 26rpx;color: #E8101E;line-height: 48rpx;text-align: left;font-style: normal;" bind:__l="__l"></l-painter-text><l-painter-text vue-id="{{('47ad99d4-15')+','+('47ad99d4-13')}}" text="{{$root.m3}}" css="{{'font-weight: 500;font-size:'+$root.m4+'rpx;color: #E8101E;line-height: 34rpx;text-align: left;font-style: normal;'}}" bind:__l="__l"></l-painter-text></l-painter-view><l-painter-view vue-id="{{('47ad99d4-16')+','+('47ad99d4-9')}}" css="margin-top:0rpx;" bind:__l="__l" vue-slots="{{['default']}}"><l-painter-text vue-id="{{('47ad99d4-17')+','+('47ad99d4-16')}}" text="{{'原价¥'+$root.m5}}" css="{{'text-decoration: line-through;font-weight: 400;font-size:'+$root.m6+'rpx;color: #CACCCC;line-height: 33rpx;text-align: left;font-style: normal;'}}" bind:__l="__l"></l-painter-text></l-painter-view><l-painter-view vue-id="{{('47ad99d4-18')+','+('47ad99d4-9')}}" css="width: 143rpx; height: 50rpx;background-image:url(https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/c4f3c552-67f2-4b1e-9aeb-ab8c4cf1c97e);display: inline-block;border-radius: 25rpx;" bind:__l="__l"></l-painter-view></l-painter-view></l-painter></block><self-pay class="vue-ref" vue-id="47ad99d4-19" show="{{showPay}}" serviceInfo="{{serviceInfo}}" serviceType="{{serviceType}}" isOriginalPrice="{{isOriginalPrice}}" data-ref="selfPayRef" data-event-opts="{{[['^change',[['e0']]]]}}" bind:change="__e" bind:__l="__l"></self-pay></view> |