Commit ff9ff7e353349115fdb37ef4d82799528d09c46d

Authored by pengye
1 parent 0a3cc4bf

邀请函模板4、5修改

... ... @@ -18,8 +18,8 @@
<view class="info font28r" wx:if="{{reserve && reserve.swich_slogan == '1' && home && home.slogan}}">{{home.slogan}}</view>
<view class="leftLine"></view>
<view class="leftInfo font36r"
wx:if="{{reserve && reserve.swich_booking=='1' && reserve.book_info}}"
>{{reserve && reserve.book_info}}</view>
wx:if="{{detail && detail.rnameStr && reserve && reserve.swich_customer == '1'}}"
>{{detail.rnameStr}}</view>
<view class="leftInfo font36r">{{seller.date}}</view>
<view class="leftInfo font36r"> {{seller.soltName}}<text class="marLeft font36r">{{seller.dateTime}}</text></view>
<view class="leftInfo font36r over">{{seller.tablesText}}</view>
... ...
... ... @@ -44,13 +44,13 @@ Page({
StyleType: '',
showMoreTip: true,
themeColor: '',
whiteBj: false,
hasValueOrder:false,//商家是否开通提前点餐功能
hasValueCertificate:false,//商家是否开通优惠券功能
hasValueRecharge:false,//商家是否开通充值功能
hasValueBroadcast:false,//商家是否能播报,只有极速版不能播报
_attentionAnim: {},
isPlay: '1',
titleType:'',//标题样式
paymentStatus:'',//定金支付状态 1支付 0未支付
reserveData:{},//自定义图文数据
toastBool: false, //支付定金提示框
... ... @@ -242,7 +242,7 @@ Page({
})
this.tablestr = tabaleids.toString();
let reserev = RS.reserve(res.data)
let dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW');
let dateSmart = util.unixtoTime(reserev.ddate, 'YYYY-MM-DD 星期WW');
let yearMonthDay = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日')
let yearMonth = util.unixtoTime(reserev.ddate, 'MM月DD日')
let dateStr = util.unixtoTime(reserev.ddate, 'HH点')
... ... @@ -266,6 +266,7 @@ Page({
hasUpTime: reserev.type == 1 && reserev.hasRunning && reserev.status != 2,
tel: reserev.seller.seller_tel.split(',')[0],
soltName: reserev.soltName,
dateTime:util.unixtoTime(reserev.ddate, 'HH:II'),
time: util.unixtoTime(reserev.ddate, '星期WW HH:II'),
lat: reserev.seller.lat,
long: reserev.seller.long,
... ... @@ -526,7 +527,7 @@ Page({
let data = res.data
console.log('data', data);
let couponList = []
let themeColor, StyleType, whiteBj, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store;
let themeColor, StyleType, titleType, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store;
chef = util.determine(data.chef);
reserve = util.determine(data.reserve);
marketing = util.determine(data.marketing);
... ... @@ -535,6 +536,7 @@ Page({
home = util.determine(data.home);
themeColor = data.lite_class || 'ultramarine';
StyleType = data.type;
titleType = data.title_class;
swich_phone = reserve && reserve.swich_phone ? reserve.swich_phone : '';
if (marketing) {
is_comments = marketing.is_comments ? marketing.is_comments : '';
... ... @@ -567,6 +569,7 @@ Page({
swich_phone,
is_comments,
StyleType,
titleType,
themeColor,
}
console.log('获取数据', {
... ... @@ -579,12 +582,8 @@ Page({
this.getRechargeDetail(marketing.recharge_data.id)
}
if (store && store.images && store.images.length > 0) store.images = util.determine(store.images);
if (reserve && reserve.park_info_images && reserve.park_info_images.length > 0) reserve.park_info_images = util.determine(reserve.park_info_images);
if (signboard && signboard.images && signboard.images.length > 0) signboard.images = util.determine(signboard.images);
if (themeColor == 'turmeric' || themeColor == 'golden') {
whiteBj = true
} else {
whiteBj = false
}
this.setData({
chef,
marketing,
... ... @@ -595,8 +594,8 @@ Page({
swich_phone,
is_comments,
StyleType,
titleType,
themeColor,
whiteBj,
})
// 开启语音播报
if (reserve && reserve.swich_voice == '1') {
... ...
... ... @@ -4,6 +4,7 @@
"navigationBarTitleText": "",
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter"
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle"
}
}
\ No newline at end of file
... ...
... ... @@ -9,28 +9,22 @@
animation="{{attentionAnim}}"
/>
<view class="reservationInfo">
<image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
<image wx:if="{{themeColor == 'turmeric' || themeColor == 'golden'}}" src="https://qn.colorcun.com/whiteBj1.png" class="titleIcon" />
<image wx:elif="{{themeColor == 'pearlWhite'}}" src="https://nosqn.colorcun.com/whiteBj3.png" class="titleIcon" />
<image wx:else src="https://qn.colorcun.com/leaf.png" class="titleIcon" />
<view class="infoBox">
<view class="infoBoxRight">邀请函</view>
<view class="boxLeft">
<view class="title font48r">{{seller.name}}</view>
<view class="sellerTitle font48r">{{seller.name}}</view>
<view class="info font28r" wx:if="{{reserve && reserve.swich_slogan == '1' && home && home.slogan}}">{{home.slogan}}</view>
<view class="leftLine"></view>
<view class="lineBox">
<view class="leftInfo font32r"
wx:if="{{reserve && reserve.swich_booking=='1' && reserve.book_info}}"
>{{reserve && reserve.book_info}}</view>
<view class="leftInfo font32r">{{seller.date}} {{seller.soltName}}</view>
<view class="leftInfo font32r">{{seller.time}}</view>
<view class="leftInfo font32r over">{{seller.tablesText}}</view>
<view class="leftInfo font36r tables" wx:if="{{swich_phone!='0' && seller && reserve && seller.seller_tel}}">预订台 {{seller.seller_tel}}</view>
<view class="font32r addressInfo" wx:if="{{seller.addr|| reserev.seller.map_address}}">
<text>{{seller.addr|| reserev.seller.map_address}}</text>
<button bindtap="looklocation" class="flex-cc font24r mapBtn">
<image src="https://qn.colorcun.com/address.png" mode="" />
查看定位
</button>
</view>
</view>
<view class="leftInfo font36r"
wx:if="{{detail && detail.rnameStr && reserve && reserve.swich_customer == '1'}}"
>{{detail.rnameStr}}</view>
<view class="leftInfo font36r">{{seller.date}}</view>
<view class="leftInfo font36r">{{seller.soltName}}<text class="marLeft font36r">{{seller.dateTime}}</text></view>
<view class="leftInfo font36r over">{{seller.tablesText}}</view>
<view class="leftInfo font36r tables" wx:if="{{swich_phone!='0' && seller && reserve && seller.seller_tel}}">预订台 {{seller.seller_tel}}</view>
</view>
</view>
<view wx:if="{{roomimage && roomimage.length>0}}" class="pageSpacing">
... ... @@ -47,26 +41,39 @@
<view class="handleBlower">服务电话:{{staffinfo.phone}}</view>
</view>
<view class="handle">
<view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
<view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="copyWeChat">复制微信号</view>
<view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font24r brownFont" bindtap="call">拨打电话</view>
<view wx:if="{{staffinfo.wechat}}" class="font24r brownFont" bindtap="copyWeChat">复制微信号</view>
</view>
</view>
</block>
<view wx:if="{{marketing && marketing.wecomle}}" class="chefText font36r">
<view wx:if="{{marketing && marketing.wecomle}}" class="welcome font32r">
{{marketing.wecomle}}
</view>
<view class="positioning">
<image src="{{themeColor == 'pearlWhite'?'https://nosqn.colorcun.com/mapIcon2.png':'https://nosqn.colorcun.com/mapIcon1.png'}}" />
<text class="font28r">{{seller.addr|| reserve.seller.map_address}}</text>
<button bindtap="looklocation" class="flex-cc font24r mapBtn">
导航到店
</button>
</view>
</view>
<view class="preferential" wx:if="{{hasValueCertificate && marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
<view class="preferentialCoupon" wx:if="{{hasValueCertificate && marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
<block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
<view class="preferentialItems" wx:if="{{dataStr<(item.etime*1) && item.status == '1'}}">
<view class="itemsLeft">
<view class="top">
<text class="font28r">{{item.aname}}</text>
<view class="price font24r" wx:if="{{item.price}}">
<view class="icons font24r">¥</view>{{item.price}}
</view>
<!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 -->
<text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discount font24r">{{item.discount}}折</text>
<view class="itemLeft">
<text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText font24r">{{item.discount}}折</text>
<view class="priceText" wx:if="{{item.price}}">
<view class="icons font40r">¥</view>{{item.price}}
</view>
</view>
<view class="itemRight">
<view class="btns">
<text class="font40r">{{item.aname}}</text>
<navigator url="/pack-activity/pack/buyCoupon?id={{item.id}}&name={{seller.name}}&use={{item.stringifyUse}}&sid={{seller.sid}}&oid={{detail.id}}&types=1&StyleType={{StyleType}}" hover-class="navigator-hover">
<view class="font24r orderingFood">
抢购
</view>
</navigator>
</view>
<text wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">{{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}}</text>
<view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">
... ... @@ -76,102 +83,109 @@
会员生日当天可用{{item.desc?','+item.desc+'。':'。'}}
</view>
</view>
<navigator url="/pack-activity/pack/buyCoupon?id={{item.id}}&name={{seller.name}}&use={{item.stringifyUse}}&sid={{seller.sid}}&oid={{detail.id}}&types=1&StyleType={{StyleType}}" hover-class="navigator-hover">
<view class="font24r orderingFood">
抢购
</view>
</navigator>
</view>
</block>
</view>
<view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun">
<text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想吐槽?戳这里填写意见!--></text>
<text wx:if="{{marketing.is_comments_coupon=='1'}}">想吐槽?戳这里填写意见反馈赢好礼!</text>
<image src="https://qn.colorcun.com/evaluate.png" mode="" />
<text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想<text>吐槽</text>?戳这里填写意见!--></text>
<text wx:if="{{marketing.is_comments_coupon=='1'}}">想<text>吐槽</text>?戳这里填写意见反馈赢好礼!</text>
<image wx:if="{{themeColor == 'pearlWhite'}}" src="https://nosqn.colorcun.com/evaluateWhite.png" mode="" />
<image wx:elif="{{themeColor == 'turmeric' || themeColor == 'greenishYellow' || themeColor == 'golden'}}" src="https://nosqn.colorcun.com/evaluateYellow.png" mode="" />
<image wx:else src="https://nosqn.colorcun.com/evaluate2.png" mode="" />
</view>
<view class="reserveBox" wx:if="{{reserveData && (reserveData.title || reserveData.content)}}">
<view class="title font36r" wx:if="{{reserveData.title}}">{{reserveData.title}}</view>
<view class="title font40r" wx:if="{{reserveData.title}}">{{reserveData.title}}</view>
<block wx:for="{{reserveData.content}}" wx:key="index">
<image class="items" wx:if="{{item.type =='1'}}" src="{{item.content}}" mode="widthFix"/>
<text class="items font24r" wx:if="{{item.type == '2'}}">{{item.content}}</text>
<image class="items" wx:if="{{item.type =='1'}}" src="{{item.content}}" mode="widthFix" />
<text class="items font32r" wx:if="{{item.type == '2'}}">{{item.content}}</text>
</block>
</view>
<!-- 餐厅介绍图文分开 -->
<block wx:if="{{store}}">
<view class="imgMask">
<view class="IntroduceColor" wx:if="{{store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
<view class="text font36r rubric texts">餐厅介绍</view>
<view class="labelBox font24r">
{{store.introduce}}
</view>
<!-- 餐厅介绍 用餐环境 -->
<view class="introduceBox">
<block wx:if="{{(marketing && marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')) || (store.introduce && (!store.is_introduce || store.is_introduce!='0')) || (home.image && (!home.id_first_image || home.id_first_image!='0'))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="餐厅介绍"></titleStyle>
</view>
<block wx:if="{{store.images.length>0 && (!store.is_images || store.is_images!='0')}}">
<view class="text font36r rubric">用餐环境</view>
<block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" />
</block>
<view class="lines"></view>
</block>
</view>
</block>
<!-- 主厨介绍图文分开 -->
<block wx:if="{{chef && (!chef.is_introduce || chef.is_introduce!='0') || (!chef.is_images || chef.is_images!='0')}}">
<view class="imgMask">
<view class="IntroduceColor noneBor">
<view class="text font36r rubric texts" wx:if="{{chef.is_introduce || chef.is_images}}">主厨介绍</view>
<view class="labelBox font24r" wx:if="{{!chef.is_introduce || chef.is_introduce!='0'}}">
{{chef.introduce}}
</view>
<image wx:if="{{marketing && marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')}}" src="{{marketing.logo?marketing.logo:''}}" mode="widthFix" />
<view class="labelBox" wx:if="{{store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
<text class="texts">{{store.introduce}}
</text>
</view>
<block wx:if="{{(!chef.is_images || chef.is_images!='0') && chef.image}}">
<image src="{{chef.image}}" mode="widthFix" />
</block>
<view wx:if="{{chef.is_introduce || chef.is_images}}" class="{{(!chef.is_images || chef.is_images!='0')?'lines':'lines mtnone'}}"></view>
</view>
</block>
<block wx:if="{{signboard && signboard.swich=='1'}}">
<view class="imgMask">
<view class="IntroduceColor noneBor">
<view class="text font36r rubric texts">特色菜品</view>
<image wx:if="{{home.image && (!home.id_first_image || home.id_first_image!='0')}}" src="{{home.image}}" class="homeImage" mode="widthFix"></image>
</block>
<block wx:if="{{store.images.length>0 && (!store.is_images || store.is_images!='0')}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="用餐环境"></titleStyle>
</view>
<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" />
</block>
<view class="lines"></view>
</block>
</view>
<!-- 主厨介绍 -->
<view class="introduceBox famousChefBox" wx:if="{{chef && (!chef.is_introduce || chef.is_introduce!='0') || (!chef.is_images || chef.is_images!='0')}}">
<view wx:if="{{titleType && (chef.is_introduce || chef.is_images)}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="主厨介绍"></titleStyle>
</view>
</block>
<view class="specialServices" wx:if="{{hasValueOrder && detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
<view class="rubric texts">
提前点餐
<view class="labelBox" wx:if="{{!chef.is_introduce || chef.is_introduce!='0'}}">
<text class="texts">{{chef.introduce}}
</text>
</view>
<block wx:if="{{(!chef.is_images || chef.is_images!='0') && chef.image}}">
<image src="{{chef.image}}" mode="widthFix" />
</block>
</view>
<!-- 特色菜品 swich为1展示 -->
<view class="introduceBox vegetableBox" wx:if="{{signboard && signboard.swich=='1'}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="特色菜品"></titleStyle>
</view>
<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" />
</block>
</view>
<!-- 停车指引 swich为1展示 -->
<view class="introduceBox stopBox" wx:if="{{reserve && reserve.swich_park=='1' && (reserve.park_info || reserve.park_info_images)}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="停车指引"></titleStyle>
</view>
<view class="news">
本店特为贵宾提供提前点餐服务,您现在可以选菜下单,到店就餐时无需等待服务员点餐,可以直接享受就餐服务^_^
<view class="labelBox" wx:if="{{reserve.park_info}}">
<text class="texts">{{reserve.park_info}}
</text>
</view>
<block wx:for="{{reserve.park_info_images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" />
</block>
</view>
<view class="specialServices" wx:if="{{hasValueOrder && detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="提前点餐"></titleStyle>
</view>
<view class="endStyle">
<view class="book-item-font second-book-button flex-cc font30r cook" style="position: relative;">
<view wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}" class="menu-item menu-seller-item flex-ll" bindtap="cookbook">
去点餐
</view>
<view class="news font32r">
现在提前点菜下单,到店时无需等待服务员点餐,直接享受就餐服务^_^
</view>
<view wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}" bindtap="cookbook" class="book-item-font flex-cc font30r cook" style="position: relative;">
去点餐
</view>
</view>
</view>
<view class="preferential" wx:if="{{hasValueRecharge && marketing && (marketing.is_coupon=='1' || marketing.is_recharge=='1')}}">
<view class="rubric rubric1" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
特别优惠
<block wx:if="{{hasValueRecharge && marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="会员招募"></titleStyle>
</view>
<!-- 当前日期要大于限制结束日期 -->
<view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
<view class="itemsLeft">
<view class="top">
<text>{{recharge_data.rname}}</text>
<view class="preferentialItems rechargeItems">
<view class="itemLeft">
<view class="itemTop font36r">
{{recharge_data.rname}}
</view>
<view class="bottom" wx:if="{{priceInfo}}">
<view class="itemBottom font24r" wx:if="{{priceInfo}}">
{{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
</view>
<view class="bottom" wx:if="{{scoreInfo}}">
<view class="bottom font24r" wx:if="{{scoreInfo}}">
{{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
</view>
<view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
<view class="bottom font24r" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
{{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+recharge_data.recharge_money+'元赠送'+certificate:''}}。
</view>
</view>
... ... @@ -181,7 +195,7 @@
</view>
</navigator>
</view>
</view>
</block>
<view class="vips">
<view wx:if="{{hasValueRecharge && marketing.is_link=='1'}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
点击了解更多会员优惠政策
... ... @@ -198,9 +212,9 @@
{{toastText}}
</view>
</scroll-view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="flex-lr sharewidth {{themeColor}}">
<view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
<view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
</view>
\ No newline at end of file
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
\ No newline at end of file
... ...
/* pages/customer/detail_owner_invitation5.wxss */
@import "../tpl/tpls.wxss";
@font-face {
font-family: 'Abel';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/abel/v18/MwQ5bhbm2POE2V9BPQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.reservationInfo {
top: 0;
left: 0;
... ... @@ -8,6 +16,9 @@
position: relative;
}
.marLeft {
margin-left: 10rpx;
}
.titleIcon {
width: 312rpx;
... ... @@ -16,40 +27,32 @@
left: -10rpx;
}
.title {
.sellerTitle {
font-size: 48rpx;
font-family: PingFang SC;
color: #FFD200;
font-weight: 500;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-right: 20rpx;
}
.infoBox .boxLeft {
display: flex;
flex-direction: column;
flex: 1;
padding: 16rpx 0 16rpx 20rpx;
}
.lineBox{
padding-left: 30rpx;
border-left: 2rpx solid #FFD200;
padding: 16rpx 0 0 20rpx;
margin-bottom: 16rpx;
border-left: 4rpx solid #FFD200;
}
.leftLine {
width: 95%;
height: 2rpx;
height: 4rpx;
background: #FFD200;
margin: 20rpx 20rpx 20rpx 0;
}
.leftInfo {
color: #fff;
color: #FFD200;
line-height: 64rpx;
display: flex;
flex-wrap: wrap;
... ... @@ -76,42 +79,11 @@
font-weight: 500;
font-size: 80rpx;
width: 92rpx;
height: 372rpx;
margin: 13% 0 0 60rpx;
}
.itemsLeft {
width: 75%;
padding: 16rpx 0;
}
.addressInfo {
min-height: 100%;
margin: 20rpx 20rpx 0 20rpx;
padding-left: 30rpx;
display: flex;
color: #fff;
line-height: 60rpx;
overflow-y: scroll;
}
.mapBtn {
width: 30%;
padding: 8rpx;
margin: 0 40rpx 0 10rpx;
height: 54rpx !important;
border: 2rpx solid #0143A3;
color: #0143A3;
height: 54rpx !important;
border-radius: 42rpx;
font-weight: 600;
}
.addressInfo image {
width: 25rpx;
height: 25rpx;
margin-right: 4rpx;
}
.addressInfo text {
flex: 1;
align-items: center;
}
.handleInfo {
... ... @@ -122,35 +94,68 @@
padding-bottom: 20rpx;
}
.chefText {
margin: 30rpx 20rpx 10rpx 20rpx;
text-align: center;
.welcome {
text-align: right;
margin: 40rpx;
font-weight: 500;
padding-bottom: 20rpx;
letter-spacing: 2rpx;
color: #FFD200;
border-bottom: 2rpx solid #DBDBDB;
}
.positioning {
display: flex;
justify-content: center;
margin: 10rpx 30rpx 0 30rpx;
align-items: center;
box-sizing: border-box;
background: #FFEFC5;
padding: 20rpx;
border-radius: 16rpx;
flex: 1;
color: #515151;
font-family: PingFang SC;
font-size: 28rpx;
}
.positioning image {
width: 32rpx;
height: 38rpx;
display: block !important;
margin-right: 4rpx;
}
.mapBtn {
width: 25%;
padding: 8rpx 0;
margin-left: 12rpx;
height: 54rpx !important;
border: 2rpx solid #0143A3;
color: #0143A3;
background: transparent;
height: 48rpx !important;
border-radius: 42rpx;
font-weight: 600;
}
.headerimg {
width: 140rpx;
height: 140rpx;
border-radius: 71rpx;
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
.handle {
display: flex;
flex-direction: column;
color: #fff;
color: #FFEFC5;
font-family: PingFang SC;
font-weight: 500;
font-size: 28rpx;
justify-content: space-between;
}
.handlePhone {
color: #fff;
margin: 0 10rpx;
width: 47%;
margin: 0 10rpx 0 0;
width: 50%;
}
.handleName {
... ... @@ -162,6 +167,7 @@
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin-bottom: 20rpx;
}
.handleBlower {
... ... @@ -176,204 +182,266 @@
}
.brownFont {
padding: 8rpx 16rpx;
color: #fff;
border: 2rpx solid #fff;
padding: 4rpx 0;
color: #FFEFC5;
border: 2rpx solid #FFEFC5;
border-radius: 22rpx;
text-align: center;
width: 130rpx;
}
.brownFont:nth-of-type(1) {
margin-bottom: 10rpx;
margin-bottom: 20rpx;
}
.introduce {
box-sizing: border-box;
.imageStyle {
display: inline-block;
width: 330rpx;
height: 196rpx;
margin-right: 20rpx;
border-radius: 16rpx;
}
.imgMask {
.imgs {
position: relative;
margin: 16rpx 20rpx 0 20rpx;
display: flex;
white-space: nowrap;
width: 282rpx;
height: 196rpx;
}
.lines {
height: 2rpx;
margin: 20rpx;
margin-bottom: 20rpx;
background-color: #DBDBDB;
.imgs text {
background: #515151;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
height: 38rpx;
line-height: 38rpx;
width: 262rpx;
text-align: center;
border-bottom-left-radius: 16rpx;
border-bottom-right-radius: 16rpx;
}
.mtnone {
margin-top: 0;
.pageSpacing {
position: relative;
display: flex;
white-space: nowrap;
width: auto;
overflow-x: scroll;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
padding-left: 30rpx;
margin-top: 10rpx;
}
.imgMask .IntroduceColor {
border-bottom: 2rpx solid #DBDBDB;
margin: 0 20rpx 20rpx 20rpx;
.boxLeft .info {
text-align: left;
color: #D8C46B;
font-family: FangSong;
margin-top: 20rpx;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.texts {
margin: 0 20rpx 20rpx 0 !important;
/* 优惠券开始 */
.preferentialCoupon {
padding: 60rpx 40rpx 0 40rpx;
}
.IntroduceColor {
margin-bottom: 20rpx;
.orderingFood {
padding: 0 40rpx;
border-radius: 22rpx;
text-align: center;
color: #0B0805;
border-radius: 20rpx;
line-height: 40rpx;
height: 36rpx;
background: transparent;
border: 2rpx solid #0B0805;
}
.imgMask .text {
.preferentialItems {
display: flex;
background: url('https://qn.colorcun.com/certificateBj1.png') no-repeat;
background-size: 100% 100%;
margin-bottom: 20rpx;
min-height: 160rpx;
padding-bottom: 10rpx;
}
.imgMask .noneBor {
border: none;
margin-top: 20rpx;
.rechargeItems {
background: url('https://qn.colorcun.com/certificateBj2.png') no-repeat;
background-size: 100% 100%;
min-height: 160rpx;
display: flex;
justify-content: space-between;
align-items: center;
height: auto;
padding: 12rpx 0;
margin: 0 20rpx;
}
.imgMask image {
width: 100%;
margin-bottom: 20rpx;
display: block !important;
vertical-align: top;
.rechargeItems .orderingFood {
margin-right: 20rpx;
}
.shopName {
margin-bottom: 30rpx;
color: #ffffff;
font-family: FangSong;
font-size: 30rpx;
.itemTop {
display: flex;
width: 100%;
align-items: center;
font-family: 'Abel';
color: #FD4D59;
margin-bottom: 10rpx;
}
.rechargeItems .itemLeft {
width: 64%;
margin-left: 38rpx;
}
.labelBox {
margin: 20rpx;
.itemLeft {
width: 30%;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.discountText {
text-align: center;
color: #FFEFC5;
border-radius: 6rpx;
font-family: PingFang SC;
background: #FD4D59;
width: max-content;
padding: 0 6rpx;
position: absolute;
left: 16rpx;
top: 12rpx;
}
.specialServices {
margin: 16rpx 40rpx;
border-bottom: 2rpx solid #DBDBDB;
.famousChefBox .labelBox,
.stopBox .labelBox {
border-bottom: none;
}
.rubric {
font-family: PingFang SC;
font-weight: 500;
font-size: 36rpx;
margin: 0 0 10rpx 20rpx;
.labelBox {
margin: 20rpx 20rpx 0 20rpx;
display: flex;
position: relative;
padding-bottom: 20rpx;
}
.specialServices .news {
color: #515151;
.labelBox .texts {
width: 90%;
line-height: 40rpx;
color: #FFEFC5;
font-family: PingFang SC;
font-size: 32rpx;
max-height: 400rpx;
overflow: hidden;
white-space: pre-line;
word-wrap: break-word;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
font-weight: 500;
font-size: 24rpx;
line-height: 40rpx;
margin-left: 20rpx;
}
.endStyle {
display: flex;
justify-content: flex-end;
height: 54rpx;
margin: 20rpx 0;
padding: 16rpx 0;
.introduceBox image {
width: 100%;
margin-bottom: 20rpx;
display: block !important;
vertical-align: top;
padding: 0 20rpx;
box-sizing: border-box;
}
.preferential {
margin: 16rpx 40rpx 20rpx 40rpx;
.famousChefBox,
.stopBox,
.vegetableBox {
position: relative;
margin-top: 20rpx;
}
.preferentialItems {
padding: 0 16rpx 0 24rpx;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20rpx;
background: url('https://qn.colorcun.com/certificateBj.png') no-repeat;
background-size: 100% 100%;
.chefText {
font-family: PingFang SC;
font-weight: 500;
margin-top: 80rpx;
}
.rubric1 {
margin: 30rpx 0;
.specialServices .chefText {
margin-top: 40rpx;
}
.orderingFood {
padding: 0 26rpx;
color: #fff;
border-radius: 22rpx;
text-align: center;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
margin: 20rpx 10rpx 20rpx 0;
line-height: 44rpx;
height: 44rpx;
.specialServices {
margin: 16rpx 0;
}
.top {
.specialServices .news {
color: #FFEFC5;
font-family: PingFang SC;
font-weight: 500;
font-size: 32rpx;
line-height: 40rpx;
}
.endStyle {
display: flex;
width: 100%;
justify-content: flex-end;
margin: 20rpx;
align-items: center;
margin-bottom: 20rpx;
}
.bottom {
color: #515151;
font-family: PingFang SC;
.priceText {
font-family: 'Abel';
color: #E34D59;
font-weight: 500;
font-size: 24rpx;
display: -webkit-box;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
text-align: left;
font-size: 64rpx;
margin-top: 6rpx;
}
.over {
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
.priceText .icons {
font-family: 'Abel';
color: #FD4D59;
font-size: 40rpx;
}
.top text:nth-of-type(1) {
max-width: 65%;
font-weight: 600;
color: #515151;
.itemRight {
width: 70%;
padding-right: 10rpx;
margin-left: 18rpx;
}
.top .discount {
padding: 0 6rpx;
color: #E34D59;
border: 2rpx solid #E34D59;
border-radius: 6rpx;
margin: 0 10rpx 0 20rpx;
font-family: PingFang SC;
height: 30rpx;
line-height: 30rpx;
.btns {
margin: 24rpx 20rpx 10rpx 0;
display: flex;
justify-content: space-between;
}
.top .price {
color: #E34D59;
font-weight: 500;
.btns text {
color: #0B0805;
}
.price {
.priceText {
display: flex;
align-items: center;
justify-content: center;
}
.price .icons {
.priceText .icons {
margin-left: 18rpx;
color: #E34D59;
}
.vips image {
margin: 36rpx 0;
height: 300rpx;
font-size: 20rpx;
}
.vips {
... ... @@ -382,47 +450,26 @@
justify-content: center;
align-items: center;
padding-bottom: 180rpx;
margin-top: 20rpx;
}
.vips .news {
text-align: center;
color: #000000;
font-family: FangSong;
font-size: 40rpx;
margin: 0 0 100rpx 0;
}
.vips .text {
text-align: center;
color: #515151;
font-family: FangSong;
font-size: 28rpx;
margin: 20rpx 0;
.vips image {
height: 300rpx;
}
.favouredPolicy {
width: 45%;
color: #5C95D7;
color: #FFEFC5;
font-family: PingFang SC;
font-weight: 500;
border: 2rpx solid #5C95D7;
border: 2rpx solid #FFEFC5;
border-radius: 22rpx;
text-align: center;
padding: 10rpx;
margin: 20rpx 0 44rpx 0;
}
.all-button {
background: #FAFAFA;
height: 160rpx;
padding: 0 40rpx;
box-sizing: border-box;
z-index: 100;
justify-content: flex-end;
}
.second-book-button {
margin-right: 20rpx;
.centerBtn {
margin: 0 20rpx;
}
.shareItem,
... ... @@ -430,9 +477,9 @@
.paymenBtn {
width: inherit;
margin: 0;
background: #fafafa;
color: #0143A3;
border: 2rpx solid #0143A3;
background: transparent;
color: #FFEFC5;
border: 2rpx solid #FFEFC5;
height: 46%;
border-radius: 42rpx;
font-weight: 600;
... ... @@ -441,114 +488,62 @@
.shareItem {
margin-right: 0;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
color: #fff;
}
.menu-item {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #FFEFC5;
color: #0B0805;
}
.cook {
height: 94% !important;
background: #fff;
border: 2rpx solid #0143A3;
border-radius: 32rpx;
background: transparent;
border: 2rpx solid #FFEFC5;
border-radius: 28rpx;
font-weight: normal;
width: 23% !important;
}
.bold {
font-weight: 500;
width: 40% !important;
color: #FFEFC5;
padding: 4rpx 0;
margin-left: 10rpx;
}
.evaluateBox {
margin: 0 84rpx 16rpx 40rpx;
margin: 50rpx 40rpx 40rpx 40rpx;
display: flex;
align-items: center;
justify-content: space-between;
color: #000;
}
.evaluateBox image {
width: 60rpx;
height: 70rpx;
width: 64rpx;
height: 64rpx;
}
.evaluateBox text {
color: #000;
color: #FFEFC5;
font-size: 28rpx;
}
.reserveBox{
.evaluateBox text text {
font-size: 40rpx;
}
.reserveBox {
margin: 20rpx 40rpx 0 40rpx;
}
.reserveBox .title{
.reserveBox .title {
margin-bottom: 20rpx;
color: #000;
color: #FFEFC5;
font-family: PingFang SC;
}
.reserveBox .items{
.reserveBox .items {
margin-bottom: 20rpx;
color: #000;
color: #FFEFC5;
font-family: PingFang SC;
display: block;
}
.scroll-view {
white-space: nowrap;
}
.imageStyle {
display: inline-block;
width: 330rpx;
height: 196rpx;
margin-right: 20rpx;
border-radius: 16rpx;
}
.scroll-view {
white-space: nowrap;
.reserveBox image {
width: 100%;
height: 100%;
}
.imgs {
position: relative;
display: flex;
white-space: nowrap;
width: 282rpx;
height: 196rpx;
}
.imgs text {
background: #515151;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
height: 38rpx;
line-height: 38rpx;
width: 262rpx;
text-align: center;
border-bottom-left-radius: 16rpx;
border-bottom-right-radius: 16rpx;
}
.pageSpacing {
position: relative;
display: flex;
white-space: nowrap;
width: auto;
overflow-x: scroll;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
padding-left: 30rpx;
margin-top: 10rpx;
}
.more {
... ... @@ -563,16 +558,16 @@
background: rgba(0, 0, 0, .4);
}
.moreText {
color: #fff;
}
.more image {
width: 30rpx;
height: 30rpx;
}
.musicImg{
.moreText {
color: #fff;
}
.musicImg {
width: 62rpx;
height: 62rpx;
position: fixed !important;
... ... @@ -581,12 +576,41 @@
z-index: 200;
}
.bookData{
margin-left: 0;
/* 深中国红 */
.crimson,
.crimson .positioningBox {
background: #86201B;
}
.crimson .rubric {
color: #86201B;
}
.businessBox {
color: #FFEFC5;
font-size: 24rpx;
font-family: PingFang SC;
}
.businessBox text {
color: #FD4D59;
}
.sharewidth {
position: fixed;
left: 0;
bottom: 0;
height: 160rpx;
padding: 0 40rpx;
box-sizing: border-box;
z-index: 100;
justify-content: flex-end;
width: 100%;
}
/* 黑蓝过渡 */
.blackBlueGradient .reservationInfo {
.blackBlueGradient,
.blackBlueGradient .positioningBox {
background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%);
}
... ... @@ -594,8 +618,10 @@
color: #0143A3;
}
/* 石绿过渡 */
.stoneGreenGradient .reservationInfo {
.stoneGreenGradient,
.stoneGreenGradient .positioningBox {
background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%);
}
... ... @@ -603,8 +629,10 @@
color: #206864;
}
/* 中国红过渡 */
.chinaRedGradient .reservationInfo {
.chinaRedGradient,
.chinaRedGradient .positioningBox {
background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%);
}
... ... @@ -612,8 +640,10 @@
color: #86201B;
}
/* 群青过渡 */
.ultramarineGradient .reservationInfo {
.ultramarineGradient,
.ultramarineGradient .positioningBox {
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
}
... ... @@ -622,7 +652,8 @@
}
/* 深中国红 */
.crimson .reservationInfo {
.crimson,
.crimson .positioningBox {
background: #86201B;
}
... ... @@ -631,7 +662,8 @@
}
/* 中国红 */
.chinaRed .reservationInfo {
.chinaRed,
.chinaRed .positioningBox {
background: #AF231C;
}
... ... @@ -640,7 +672,8 @@
}
/* 蓝采和 */
.lanCaiHe .reservationInfo {
.lanCaiHe,
.lanCaiHe .positioningBox {
background: #06436F;
}
... ... @@ -649,7 +682,8 @@
}
/* 石绿 */
.stoneGreen .reservationInfo {
.stoneGreen,
.stoneGreen .positioningBox {
background: #206864;
}
... ... @@ -658,7 +692,8 @@
}
/* 姜黄 */
.turmeric .reservationInfo {
.turmeric,
.turmeric .positioningBox {
background: #B39437;
}
... ... @@ -666,19 +701,52 @@
color: #B39437;
}
.turmeric .contentData,
.turmeric .label,
.turmeric .welcome,
.turmeric .positioningName,
.turmeric .favouredPolicy,
.turmeric .businessBox,
.turmeric .evaluateBox text,
.turmeric .imgs text,
.turmeric .labelBox .texts,
.turmeric .specialServices .news,
.turmeric .reserveBox .items,
.turmeric .reserveBox .title,
.turmeric .handle,
.turmeric .title,
.turmeric .infoBoxRight,
.turmeric .chefText {
.turmeric .leftInfo,
.turmeric .sellerTitle,
.turmeric .boxLeft .info,
.turmeric .infoBox .infoBoxRight,
.turmeric .begin {
color: #fff;
}
.turmeric .line,
.turmeric .infoBox .boxLeft {
border-left: 4rpx solid #fff;
}
.turmeric .leftLine {
background: #fff;
}
.turmeric .brownFont,
.turmeric .paymenBtn,
.turmeric .moreBtn,
.turmeric .cook {
color: #fff;
border: 2rpx solid #fff;
}
.turmeric .shareItem {
background: #fff;
color: #0B0805;
}
/* 苍黄 */
.greenishYellow .reservationInfo {
.greenishYellow,
.greenishYellow .positioningBox {
background: #C85306;
}
... ... @@ -686,8 +754,50 @@
color: #C85306;
}
.greenishYellow .contentData,
.greenishYellow .label,
.greenishYellow .welcome,
.greenishYellow .positioningName,
.greenishYellow .favouredPolicy,
.greenishYellow .businessBox,
.greenishYellow .evaluateBox text,
.greenishYellow .imgs text,
.greenishYellow .labelBox .texts,
.greenishYellow .specialServices .news,
.greenishYellow .handle,
.greenishYellow .title,
.greenishYellow .leftInfo,
.greenishYellow .sellerTitle,
.greenishYellow .boxLeft .info,
.greenishYellow .infoBox .infoBoxRight,
.greenishYellow .begin {
color: #fff;
}
.greenishYellow .infoBox .boxLeft {
border-left: 4rpx solid #fff;
}
.greenishYellow .leftLine {
background: #fff;
}
.greenishYellow .brownFont,
.greenishYellow .paymenBtn,
.greenishYellow .moreBtn,
.greenishYellow .cook {
color: #fff;
border: 2rpx solid #fff;
}
.greenishYellow .shareItem {
background: #fff;
color: #0B0805;
}
/* 金黄 */
.golden .reservationInfo {
.golden,
.golden .positioningBox {
background: #C67B3A;
}
... ... @@ -695,19 +805,52 @@
color: #C67B3A;
}
.golden .contentData,
.golden .label,
.golden .welcome,
.golden .positioningName,
.golden .favouredPolicy,
.golden .businessBox,
.golden .evaluateBox text,
.golden .imgs text,
.golden .labelBox .texts,
.golden .specialServices .news,
.golden .reserveBox .items,
.golden .reserveBox .title,
.golden .handle,
.golden .title,
.golden .infoBoxRight,
.golden .chefText {
.golden .leftInfo,
.golden .sellerTitle,
.golden .boxLeft .info,
.golden .infoBox .infoBoxRight,
.golden .begin {
color: #fff;
}
.golden .line,
.golden .infoBox .boxLeft {
border-left: 4rpx solid #fff;
}
.golden .leftLine {
background: #fff;
}
.golden .brownFont,
.golden .paymenBtn,
.golden .moreBtn,
.golden .cook {
color: #fff;
border: 2rpx solid #fff;
}
.golden .shareItem {
background: #fff;
color: #0B0805;
}
/* 群青 */
.ultramarine .reservationInfo {
.ultramarine,
.ultramarine .positioningBox {
background: #0143A3;
}
... ... @@ -716,7 +859,8 @@
}
/* 摩洛哥蓝 */
.moroccanBlue .reservationInfo {
.moroccanBlue,
.moroccanBlue .positioningBox {
background: #19516A;
}
... ... @@ -725,36 +869,99 @@
}
/* 珍珠白 */
.pearlWhite .reservationInfo {
.pearlWhite,
.pearlWhite .positioningBox {
background: #fbf6f1;
}
.pearlWhite .reservationInfoBox {
background: #BCDAA5;
}
.pearlWhite .positioning {
background: rgba(188, 218, 165, 0.5);
color: #578C69;
}
.pearlWhite .preferentialItems {
background: url(https://nosqn.colorcun.com/certificateWhiteBj1.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 20rpx;
min-height: 160rpx;
padding-bottom: 10rpx;
}
.pearlWhite .rechargeItems {
background: url(https://nosqn.colorcun.com/certificateWhiteBj2.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 20rpx;
min-height: 160rpx;
padding-bottom: 10rpx;
}
.pearlWhite .handlePhone,
.pearlWhite .chefText,
.pearlWhite .begin,
.pearlWhite .title,
.pearlWhite .welcome,
.pearlWhite .positioningName,
.pearlWhite .rubric,
.pearlWhite .contentData,
.pearlWhite .btns text,
.pearlWhite .itemRight .bottom,
.pearlWhite .evaluateBox text,
.pearlWhite .labelBox .texts,
.pearlWhite .specialServices .news,
.pearlWhite .itemBottom,
.pearlWhite .bottom,
.pearlWhite .businessBox,
.pearlWhite .reserveBox .items,
.pearlWhite .reserveBox .title,
.pearlWhite .titleImg .info,
.pearlWhite .label,
.pearlWhite .title,
.pearlWhite .infoBoxRight,
.pearlWhite .leftInfo,
.pearlWhite .addressInfo {
color: #515151;
.pearlWhite .sellerTitle,
.pearlWhite .boxLeft .info,
.pearlWhite .infoBox .infoBoxRight,
.pearlWhite .reservationInfo .flex-11 {
color: #578C69;
}
.pearlWhite .rubric {
color: #0143A3;
.pearlWhite .infoBox .boxLeft {
border-left: 4rpx solid #578C69;
}
.pearlWhite .brownFont {
color: #515151;
border: 2rpx solid #515151;
.pearlWhite .leftLine {
background: #578C69;
}
.businessBox {
color: #515151;
font-size: 24rpx;
font-family: PingFang SC;
.pearlWhite .imgs text {
color: #fff;
}
.businessBox text {
color: #0143A3;
.pearlWhite .brownFont,
.pearlWhite .orderingFood,
.pearlWhite .cook,
.pearlWhite .favouredPolicy,
.pearlWhite .paymenBtn,
.pearlWhite .mapBtn,
.pearlWhite .moreBtn {
color: #578C69;
border: 2rpx solid #578C69;
}
.pearlWhite .shareItem {
background: #578C69;
color: #fff;
border: none;
}
.pearlWhite .discountText {
background: transparent;
border: 2rpx solid #FD4D59;
color: #FD4D59;
}
.toastBox {
... ...