xt / xcx-book · Commits

Go to a project

Commit 93c0cc7e84bf2679a995ef76a10f1881b2935bbc

Authored by pengye
1 parent 93c34361

邀请函新增模板23

Inline Side-by-side
Showing 2 changed files with 170 additions and 60 deletions
... ... @@ -559,44 +559,69 @@
</block>
<block wx:if="{{bookType == '3'}}">
<!-- 餐厅介绍 -->
<view class="publicModules" wx:if="{{store && (store.textInfo || store.imgsInfo.length>0 || store.videosInfo.length>0)}}">
<view class="chefText font36r">
<view class="line"></view>
<view class="font36r chefTextInfo">餐厅介绍</view>
<view class="line"></view>
</view>
<view class="labelBox" wx:if="{{store.textInfo}}">
<text class="texts font28r" space="nbsp">{{store.textInfo}}</text>
<block wx:if="{{marketing.logo || home.image || ((store.introduce && (!store.is_introduce || store.is_introduce!='0')) || (store.images.length>0 && (!store.is_images || store.is_images!='0')) || (store.content && store.content.length>0))}}">
<view class="publicModules publicModules3" wx:if="{{store}}">
<view class="chefText font36r">
<view class="line"></view>
<view class="font36r chefTextInfo">餐厅介绍</view>
<view class="line"></view>
</view>
<image wx:if="{{marketing.logo}}" src="{{marketing.logo}}" bindtap="lookImgs" data-url="{{marketing.logo}}" mode="widthFix" />
<image wx:if="{{home.image}}" src="{{home.image}}" bindtap="lookImgs" data-url="{{home.image}}" class="homeImage" mode="widthFix"></image>
<view class="labelBox" wx:if="{{!store.content && store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
<text space="nbsp" class="texts font32r">{{store.introduce}}</text>
</view>
<block wx:if="{{store.images.length>0 && (!store.is_images || store.is_images!='0')}}">
<block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{store.images}}" mode="widthFix" />
</block>
</block>
<view class="labelBox" wx:if="{{store.content && store.content.length>0}}">
<block wx:for="{{store.content}}">
<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
<view wx:if="{{item.type == '3'}}" class="videoBox">
<video
object-fit="contain"
autoplay="{{true}}"
loop="{{true}}"
muted="{{true}}"
show-mute-btn="{{true}}"
vslide-gesture-in-fullscreen="{{true}}"
src="{{item.content}}"
></video>
</view>
</block>
</view>
</view>
<swiper wx:if="{{store.imgsInfo.length>1}}" class="detailBanner" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{2000}}" circular="{{true}}" indicator-color="lightgray" indicator-active-color="#fff">
<swiper-item wx:for="{{store.imgsInfo}}" wx:key="index">
<image mode="aspectFill" class="detailBannerImg" src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{store.imgsInfo}}"></image>
</swiper-item>
</swiper>
<image wx:if="{{store.imgsInfo.length == '1'}}" mode="widthFix" class="detailBannerImg1" src="{{store.imgsInfo[0]}}" bindtap="lookImgs" data-url="{{store.imgsInfo[0]}}" data-imgs="{{store.imgsInfo}}"></image>
<block wx:for="{{store.videosInfo}}" wx:key="index">
<video class="boxBlock" src="{{item.content}}" show-center-play-btn="{{true}}" autoplay='{{false}}' object-fit="cover" controls="{{true}}"></video>
</block>
</view>
</block>
<!-- 招牌菜品 -->
<view class="publicModules" wx:if="{{signboard && (signboard.textInfo || signboard.imgsInfo.length>0 || signboard.videosInfo.length>0 || (hasValueOrder && openOrder == '1' && marketing.is_order=='1'))}}">
<view class="publicModules publicModules3" wx:if="{{signboard && ((signboard.swich=='1' && signboard.images && signboard.images.length>0) || (signboard.content && signboard.content.length>0))}}">
<view class="chefText font36r">
<view class="line"></view>
<view class="font36r chefTextInfo">招牌菜品</view>
<view class="line"></view>
</view>
<view class="labelBox" wx:if="{{signboard.textInfo}}">
<text class="texts font28r" space="nbsp">{{signboard.textInfo}}</text>
</view>
<swiper wx:if="{{signboard.imgsInfo.length>1}}" class="detailBanner" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{2000}}" circular="{{true}}" indicator-color="lightgray" indicator-active-color="#fff">
<swiper-item wx:for="{{signboard.imgsInfo}}" wx:key="index">
<image mode="aspectFill" class="detailBannerImg" src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{signboard.imgsInfo}}"></image>
</swiper-item>
</swiper>
<image wx:if="{{signboard.imgsInfo.length == '1'}}" mode="widthFix" class="detailBannerImg1" src="{{signboard.imgsInfo[0]}}" bindtap="lookImgs" data-url="{{signboard.imgsInfo[0]}}" data-imgs="{{signboard.imgsInfo}}"></image>
<block wx:for="{{signboard.videosInfo}}">
<video class="boxBlock" src="{{item.content}}" show-center-play-btn="{{true}}" autoplay='{{false}}' object-fit="cover" controls="{{true}}"></video>
<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{signboard.images}}" mode="widthFix" />
</block>
<view class="labelBox" wx:if="{{signboard.content && signboard.content.length>0}}">
<block wx:for="{{signboard.content}}">
<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
<view wx:if="{{item.type == '3'}}" class="videoBox">
<video
object-fit="contain"
autoplay="{{true}}"
loop="{{true}}"
muted="{{true}}"
show-mute-btn="{{true}}"
vslide-gesture-in-fullscreen="{{true}}"
src="{{item.content}}"
></video>
</view>
</block>
</view>
<view class="orderBox" wx:if="{{hasValueOrder && openOrder == '1' && marketing.is_order=='1'}}">
<view class="font32r">提前点餐 到店不用等</view>
<view wx:if="{{openOrder == '1' && marketing.is_order == '1'}}" bindtap="cookbook" class="font28r cook" style="position: relative;">
... ... @@ -605,44 +630,68 @@
</view>
</view>
<!-- 主厨介绍 -->
<view class="publicModules" wx:if="{{chef && (chef.textInfo || chef.imgsInfo.length>0 || chef.videosInfo.length>0)}}">
<view class="chefText font36r">
<view class="line"></view>
<view class="font36r chefTextInfo">主厨介绍</view>
<view class="line"></view>
</view>
<view class="labelBox" wx:if="{{chef.textInfo}}">
<text class="texts font28r" space="nbsp">{{chef.textInfo}}</text>
<block wx:if="{{chef && ((chef.introduce && (!chef.is_introduce || chef.is_introduce!='0')) || (chef.image && (!chef.is_images || chef.is_images!='0')) || (chef.content && chef.content.length>0))}}">
<view class="publicModules publicModules3">
<view class="chefText font36r">
<view class="line"></view>
<view class="font36r chefTextInfo">招牌菜品</view>
<view class="line"></view>
</view>
<view class="labelBox" wx:if="{{(chef.introduce && (!chef.is_introduce || chef.is_introduce!='0'))}}">
<text class="texts" space="nbsp">{{chef.introduce}}</text>
</view>
<image wx:if="{{(!chef.is_images || chef.is_images!='0') && chef.image}}" src="{{chef.image}}" bindtap="lookImgs" data-url="{{chef.image}}" mode="widthFix" />
<view class="labelBox" wx:if="{{chef.content && chef.content.length>0}}">
<block wx:for="{{chef.content}}">
<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
<view wx:if="{{item.type == '3'}}" class="videoBox">
<video
object-fit="contain"
autoplay="{{true}}"
loop="{{true}}"
muted="{{true}}"
show-mute-btn="{{true}}"
vslide-gesture-in-fullscreen="{{true}}"
src="{{item.content}}"
></video>
</view>
</block>
</view>
</view>
<swiper wx:if="{{chef.imgsInfo.length>1}}" class="detailBanner" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{2000}}" circular="{{true}}" indicator-color="lightgray" indicator-active-color="#fff">
<swiper-item wx:for="{{chef.imgsInfo}}" wx:key="index">
<image mode="aspectFill" class="detailBannerImg" src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{chef.imgsInfo}}"></image>
</swiper-item>
</swiper>
<image wx:if="{{chef.imgsInfo.length == '1'}}" mode="widthFix" class="detailBannerImg1" src="{{chef.imgsInfo[0]}}" bindtap="lookImgs" data-url="{{chef.imgsInfo[0]}}" data-imgs="{{chef.imgsInfo}}"></image>
<block wx:for="{{chef.videosInfo}}" wx:key="index">
<video class="boxBlock" src="{{item.content}}" show-center-play-btn="{{true}}" autoplay='{{false}}' object-fit="cover" controls="{{true}}"></video>
</block>
</view>
</block>
<!-- 停车指引 -->
<view class="publicModules" wx:if="{{reserve && (reserve.textInfo || reserve.imgsInfo.length>0 || reserve.videosInfo.length>0)}}">
<view class="publicModules publicModules3" wx:if="{{reserve && (reserve.is_introduce_all=='1' && (reserve.park_info || reserve.park_info_images) || (reserve.content && reserve.content.length>0))}}">
<view class="chefText font36r">
<view class="line"></view>
<view class="font36r chefTextInfo">停车指引</view>
<view class="line"></view>
</view>
<view class="labelBox" wx:if="{{reserve.textInfo}}">
<text class="texts font28r" space="nbsp">{{reserve.textInfo}}</text>
</view>
<swiper wx:if="{{reserve.imgsInfo.length>1}}" class="detailBanner" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{2000}}" circular="{{true}}" indicator-color="lightgray" indicator-active-color="#fff">
<swiper-item wx:for="{{reserve.imgsInfo}}" wx:key="index">
<image mode="aspectFill" class="detailBannerImg" src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{reserve.imgsInfo}}"></image>
</swiper-item>
</swiper>
<image wx:if="{{reserve.imgsInfo.length == '1'}}" mode="widthFix" class="detailBannerImg1" src="{{reserve.imgsInfo[0]}}" bindtap="lookImgs" data-url="{{reserve.imgsInfo[0]}}" data-imgs="{{reserve.imgsInfo}}"></image>
<block wx:for="{{reserve.videosInfo}}" wx:key="index">
<video class="boxBlock" src="{{item.content}}" show-center-play-btn="{{true}}" autoplay='{{false}}' object-fit="cover" controls="{{true}}"></video>
<block wx:if="{{!reserve.content || reserve.content.length == '0'}}">
<view class="labelBox" wx:if="{{reserve.park_info}}">
<text class="texts" space="nbsp">{{reserve.park_info}}</text>
</view>
<block wx:for="{{reserve.park_info_images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{reserve.park_info_images}}" mode="widthFix" />
</block>
</block>
<view class="labelBox" wx:if="{{reserve.content && reserve.content.length>0}}">
<block wx:for="{{reserve.content}}">
<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
<view wx:if="{{item.type == '3'}}" class="videoBox">
<video
object-fit="contain"
autoplay="{{true}}"
loop="{{true}}"
muted="{{true}}"
show-mute-btn="{{true}}"
vslide-gesture-in-fullscreen="{{true}}"
src="{{item.content}}"
></video>
</view>
</block>
</view>
</view>
<!-- 会员招募 -->
<view wx:if="{{(hasValueRecharge && marketing && marketing.is_recharge=='1' && recharge_data) || (hasValueRecharge && marketing.is_link=='1')}}" class="publicModules introduceBox {{(marketing.is_online_book=='1' && options.onlineReserve == '1') || (detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0') || (detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc)?'introduceBottom':''}}">
... ...
... ... @@ -31,6 +31,10 @@
align-items: center;
}
.infoTop .infoTopText2 {
margin-bottom: 32rpx;
}
.infoTop .infoTopText3 {
margin: 16rpx 0 32rpx 0;
}
... ... @@ -1231,6 +1235,10 @@
margin-bottom: 40rpx;
}
.viewBox2 .infoTop .infoTopText2 {
margin-bottom: 0;
}
.viewBox2 .infoTopText3 {
margin-bottom: 0;
}
... ... @@ -1665,6 +1673,59 @@
background: rgba(44, 102, 103, 0.5);
}
.viewBox3 .publicModules3 .chefText {
margin-bottom: 30rpx;
}
.viewBox3 .publicModules3 image {
width: 100%;
margin-bottom: 20rpx;
display: block !important;
vertical-align: top;
box-sizing: border-box;
}
.viewBox3 .publicModules3 .videoBox {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.viewBox3 .publicModules3 .videoBox video {
width: 100%;
box-sizing: border-box;
}
.viewBox3 .publicModules3 .texts {
line-height: 40rpx;
margin: 0 20rpx;
color: #fff;
font-family: PingFang SC;
font-weight: 500;
display: block;
}
.viewBox3 .publicModules3 .labelBox {
width: 100%;
margin-top: 20rpx;
}
.viewBox3 .labelBox .texts {
line-height: 40rpx;
margin: 0 20rpx;
color: #FFEFC5;
font-family: PingFang SC;
font-weight: 500;
display: block;
}
.viewBox3 .labelBox view,
.viewBox3 .labelBox text,
.viewBox3 .labelBox image {
margin-bottom: 20rpx !important;
}
.viewBox3 .labelBox .texts {
color: #fff;
}
... ...