travelDetails.wxml 5.0 KB

1
  1. <view class="detailsPage"><u-swiper vue-id="28cad87a-1" height="900" list="{{list2}}" keyName="image" showTitle="{{true}}" autoplay="{{true}}" circular="{{true}}" bind:__l="__l"></u-swiper><view class="details"><view class="title flex-item"><view>{{''+(goodsInfo.name?goodsInfo.name:'')+''}}</view><view>{{'¥'+(goodsInfo.min_price?goodsInfo.min_price:'')+''}}</view></view><view class="describe">{{''+(goodsInfo.subtitle?goodsInfo.subtitle:'')+''}}</view><view class="flex"><block wx:for="{{tags}}" wx:for-item="item" wx:for-index="__i0__"><view class="tags">{{''+item+''}}</view></block></view></view><view class="detailsContent"><u-sticky vue-id="28cad87a-2" bgColor="#fff" bind:__l="__l" vue-slots="{{['default']}}"><view style="box-shadow:0px 2rpx 8rpx 0px rgba(0, 0, 0, 0.06);"><u-tabs vue-id="{{('28cad87a-3')+','+('28cad87a-2')}}" list="{{list1}}" activeStyle="{{$root.a0}}" inactiveStyle="{{({color:'rgba(51, 51, 51, 0.5)'})}}" lineColor="#1E9F6A" lineWidth="30" scrollable="{{false}}" data-event-opts="{{[['^click',[['check']]]]}}" bind:click="__e" bind:__l="__l"></u-tabs></view></u-sticky><view class="detailsList"><view class="duction list-item"><u-icon vue-id="28cad87a-4" name="tags" size="50" color="#1E9F6A" bind:__l="__l"></u-icon><view style="margin-left:20rpx;">套餐特色</view></view><u-parse vue-id="28cad87a-5" content="{{goodsInfo.description?goodsInfo.description:''}}" bind:__l="__l"></u-parse><view class="trips list-item"><u-icon vue-id="28cad87a-6" name="calendar" size="50" color="#1E9F6A" bind:__l="__l"></u-icon><view style="margin-left:20rpx;">行程简介</view></view><block wx:for="{{goodsInfo.trips}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view style="margin:20rpx 0;"><view style="color:#1E9F6A;margin:20rpx 0;">{{'Day'+(item.day?item.day:'')+''}}</view><u-parse vue-id="{{'28cad87a-7-'+index}}" content="{{item.content}}" bind:__l="__l"></u-parse></view></block></view></view><view class="navbar footer"><view class="kefu flex"><view data-event-opts="{{[['tap',[['gomes',['$event']]]]]}}" bindtap="__e"><image src="../../static/travelD/service.png" mode="heightFix"></image><view>客服</view></view><view style="height:50rpx;width:1px;background-color:rgba(255, 255, 255, 0.5);margin:0 40rpx;"></view></view><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="kefu haibao flex" bindtap="__e"><view data-event-opts="{{[['tap',[['goposter',['$event']]]]]}}" bindtap="__e"><image class="icon" src="../../static/travelD/share.png" mode="heightFix"></image><view>生成海报</view></view><view style="height:50rpx;width:1px;background-color:rgba(255, 255, 255, 0.5);margin:0 40rpx;"></view></view><view class="kefu wxin flex"><view><image class="icon" src="../../static/travelD/share2.png" mode="heightFix"></image><view>分享</view></view><view style="height:50rpx;width:1px;background-color:rgba(255, 255, 255, 0.5);margin:0 40rpx;"></view></view><view data-event-opts="{{[['tap',[['open',['$event']]]]]}}" class="want" bindtap="__e">我要报名</view></view><u-popup vue-id="28cad87a-8" show="{{show}}" mode="bottom" closeIconPos="{{true}}" customStyle="{{({padding:'30rpx',borderRadius:'0px 56rpx 0px 0px'})}}" zIndex="{{zindex}}" data-event-opts="{{[['^close',[['close']]],['^open',[['open']]]]}}" bind:close="__e" bind:open="__e" bind:__l="__l" vue-slots="{{['default']}}"><view class="flex popupTop"><view class="image"><image src="{{goodsInfo.cover_picture}}"></image></view><view><view style="font-size:36rpx;font-weight:600;color:#333333;margin-bottom:18rpx;">夕阳红康养团</view><view style="font-size:28rpx;color:#333333;">{{'请选择出发日期:'+choosedays+''}}</view></view></view><view class="day"><view style="font-size:30rpx;font-weight:bold;color:#333333;">出发日期</view><view style="border-bottom:1rpx solid #E3E3E3;"><u-tabs vue-id="{{('28cad87a-9')+','+('28cad87a-8')}}" list="{{month}}" activeStyle="{{$root.a1}}" inactiveStyle="{{({color:'rgba(51, 51, 51, 0.5)'})}}" lineColor="#1E9F6A" scrollable="{{true}}" data-event-opts="{{[['^change',[['chooseDay']]]]}}" bind:change="__e" bind:__l="__l"></u-tabs></view><view class="item"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['dayItem',[index,'$0'],[[['days','',index]]]]]]]}}" class="{{[dayindex==index?'day-item-active':'day-item']}}" bindtap="__e"><view>{{''+(item.g0?item.g1:'')+''}}</view><view>{{''+(item.$orig.week?item.$orig.week:'')+''}}</view><view style="font-size:26rpx;font-weight:600;">{{'¥'+(item.$orig.min_price?item.$orig.min_price:'')+''}}</view></view></block></view></view><view class="navbars"><view class="price">¥12929</view><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="choose" bindtap="__e">选择房型</view></view></u-popup><view class="model"><u-modal vue-id="28cad87a-10" show="{{isshow}}" title="报名前必看" content="{{content}}" showCancelButton="{{true}}" confirmColor="#ffffff" data-event-opts="{{[['^confirm',[['goadd']]],['^cancel',[['cancel']]]]}}" bind:confirm="__e" bind:cancel="__e" bind:__l="__l"></u-modal></view></view>